1. We initially created an interactive version of the whole app using Adobe XD (very similar to Sketch). It's a schematic showing the various pages of the app, and the lines represent the clickable items and where they navigate to.
2. As this is an app featuring lots of different shop logos, in this prototype the main app logo was placed at the base of the page to give the businesses themselves priority – it also meant the brand logo could be seen on all pages.
3. As the app and logo became finalised, the logo was moved to the top of the page. The cafe menu items are listed in two rows at the top of the phone, enabling the customer to reach all aspect of the menu from one page – neat! The menu's themselves slide allowing more categories.