Awesome Wraps dashboard

< Back

Over at Briefbox I found this brief:

"'Awesome Wraps', based in the South West of England, produce and supply packaged sandwiches, wraps and salad boxes to customers across England. They have a production warehouse and are capable of producing and delivering large quantities of sandwiches; ideal for larger companies. Some of their customers include airlines, universities and corporate offices; who don't produce their own food, and like the convenience of working with an external supplier.

At the moment, their existing customers have to log-in to a boring Excel document to select the products they want. 'Awesome Wraps' are looking for a designer to create a friendly, interactive dashboard-based App that their customers can use to choose products, top-up their account, and keep track of previous orders. 'Awesome Wraps' believe that a well-designed, easy-to-use dashboard will encourage their customers to buy more products.

The dashboard needs to be designed for both desktops and mobiles. Initially, they are looking for a designer to create the 'New Order' page and, also, the 'Previous Orders' page. The dashboard should include a menu panel down the left side, which should display their products, and a seven-day calendar that customers can use to indicate how many sandwiches they want on each day."

This is my take on the Awesome Wraps dashboard order view. I didn't find time to do the order history view. My main goal was to make process as quick as possible. It work like this. On the left menu you choose which wraps you want on the right side. Once your done you can start choosing how many you want each day that week from the select menu. My typical user was someone always in a hurry and wanted the do this as quickly as possible, on desktop or phone. They usually order large amount of wraps at the same time like 10, 20 or even 50. Because of that I chose to use the browser native select menu. In that menu the user can chose the same amount as the last order or even order some more on special deals set up by Awesome Wraps company. The select element has a good native feel on phones. Try it out =) I made this with Webflow from scratch and be sure to try it out both on phones and desktop. Even though it's clickable everything is not filled in correctly, it's just to get a feel about the interface.