UX & UI | Bon Apetit app

UX & UI | Bon Apetit app

I was contracted to develop a menu and ordering app for start-up Bon Apetit.

After conducting extensive UX research and case studies of other apps targetting a similar market, I developed a UX/UI concept that provides an easy to use interface that is both elegant and scalable.

 This is the main menu implementation. This example takes cues from the traditional printed menu used by the Seiss Restaurant.  On the top left is the menu button to access the main menu where one can customise settings etc.  The Place order button is placed at the bottom of the screen always for easy comfortable access.  Another key feature is the implementation of the slide-out order review overlay feature. Using this simple and intuitive bar, the user can easily check their current selection using a left to right swiping motion that is second nature on touchscreen devices.

This is the main menu implementation. This example takes cues from the traditional printed menu used by the Seiss Restaurant.

On the top left is the menu button to access the main menu where one can customise settings etc.

The Place order button is placed at the bottom of the screen always for easy comfortable access.

Another key feature is the implementation of the slide-out order review overlay feature. Using this simple and intuitive bar, the user can easily check their current selection using a left to right swiping motion that is second nature on touchscreen devices.

 Placement of the key elements came from analysis of comfort zones on the iPhone 6S as it’s dimensions are similar enough to the majority of mid-range smart devices that the target market is likely to own.  As one can see the key functions of place order and the slide-out menu review system fall firmly in the green comfort zone. As does the main meal option it is the most commonly ordered course.  The rest of the courses can be reached with only a slight stretch of the thumb. This makes it entirely possible to navigate the majority of the menu with just one hand.  Only the settings drop down is placed in the discomfort zone as it will not be accessed that often once initial set-up is complete.

Placement of the key elements came from analysis of comfort zones on the iPhone 6S as it’s dimensions are similar enough to the majority of mid-range smart devices that the target market is likely to own.

As one can see the key functions of place order and the slide-out menu review system fall firmly in the green comfort zone. As does the main meal option it is the most commonly ordered course.

The rest of the courses can be reached with only a slight stretch of the thumb. This makes it entirely possible to navigate the majority of the menu with just one hand.

Only the settings drop down is placed in the discomfort zone as it will not be accessed that often once initial set-up is complete.

 Each restaurant listed in the app will have some degree of customisability. This will ensure that Brand identity of all participants is maintained.  However, not all elements will be completely customisable. This is to ensure that the Bon Appetit App identity is maintained and always recognisable as the architecture behind each digital menu

Each restaurant listed in the app will have some degree of customisability. This will ensure that Brand identity of all participants is maintained.

However, not all elements will be completely customisable. This is to ensure that the Bon Appetit App identity is maintained and always recognisable as the architecture behind each digital menu

COMPARISON2.jpg