Creating a mobile solution for food lovers and their favorite dishes
User Experience Design
User Interface Design
The founder of Foodie Review wanted to develop a mobile food review app with a focus on dishes rather than establishments. The goal of the application was to curate reviews based on dishes and regular social media users that share food images online with their social networks.
I conducted brief, investigative research to determine competitors and market opportunities, to help frame the development of the first iteration of the MVP.
Based on discussions with the client, we determined the MVP of the product would include a Search/Suggestion feed, the ability to Review a dish, and a Profile page. Users would create their accounts using 3rd party social media access through Instagram or Facebook.
Evaluating Existing Market Solutions and Applications
I looked at food review apps that were both similar and relevant to Foodie Review to build a baseline for the UI and to see the way other apps were finding solutions to problems. Competitors in the same mobile space were Spooner, Open Table, and Foodspotting.
Sketching and Whiteboarding UI Solutions
After conducting a Competitive/Comparative Analysis on these apps and their features, I began sketching potential UI directions for Foodie Review. The client and I discussed different flows and features he wanted to see in the final prototype. We narrowed the MVP down to the three primary features of Searching, Reviewing, and Posting.
Iterating on the Visual Design
Early iterations of the UI were mid-fi wireframes with minimal content. The final UI screens contained information pulled from the client’s database of restaurants in the Seattle area. The decision to have as realistic and finalized design was to ensure the most comprehensive prototype for a developer to work from.
Laying Groundwork for UI Standards and Visual Direction
While no initial branding standards for Foodie Review existing, it was decided early on to use one primary color with significant white space for clarity on mobile.