There were many different ways to approach this concept. How vendors viewed their orders was the most pertinent and simultaneously evasive. Should they view orders on a separate page? Should there be a homepage at all? Should ordering the items be the main focus? Do they just want to reorder previous orders over and over again or should I have a custom based setup?
I start off with a selection based system. Users select the items they want and add them to the bag. The users will have to use this for the first time, so creating the beginning setup made sense even though it may be that they will only do it once.
On the inventory page, I experiment with having different kinds of refill visuals and copy.
This app was also to be used for Android, so I designed for the Ipad and Android at the same time. Color was also very important here. Should I have a different color for different foods? I experimented with that and saw it wasn't the best idea. I put a bag button on the bottom right with an icon. I also have a filter option so one can see foods in groups.
I experiment more with the bag icon and dropdowns in general. I see that the bag icon function is slightly agitating. It looks cool but in reality the user does not have a better experience. This happens a lot in design, where something can look cool, but in reality be annoying to use practically.
I begin to do a basic setup of the entire site with an interactive wireframe. This was a small startup with a small group of people with a big idea, so going through every little thing carefully was important, as well as explaining my choices.
After having a baseline agreement of the wireframe, I begin to create a proper V2 of the design.
I experiment with how to display orders, and view individual food items
This is the final design. The CEO liked the idea of a picture background, as well as being able to select if you're a restaurant or a vendor on the landing page. There is a standard purple gradient CTA.
On top, there is a percentage that reflects how far they are into the process. We found this to be a good way to get the user to make a first purchase.
This is a desktop design, in which we have more text in the top percentage bar. There is more room, so we have a nav on the left.
After a discussion, we decide to have a welcome and homepage as well as a checklist of actions. I create a "Most Recent" section. We assume that users will want to just re-do past orders, so showing "Most Recent" felt like the most important thing to show.
And finally, we have the review your orders page. As usual, I do the worst case scenario, in that the restaurant has dozens of orders.
I try a few different options, in that the user may want to edit the foods off the bat, or on the edit button. We decided to go with an edit button