CoffeeBoy Surface, Part V

CoffeeBoy UI Side Nav

This is the fifth part in a series of posts presenting the visual design of the CoffeeBoy UI. In this post we’ll see all pages and some page states which can be found under the Coffee Recipes menu item in the Side Nav (see above picture). To learn more about the particular data and function elements on these pages, see this and this post from the skeleton plane.

CoffeeBoy Series Schedule

Coffee Recipes page

Coffee Recipes Page (XS And SM)
Coffee Recipes page (XS and SM)

Modify a coffee recipe’s position

Modify Coffee Recipe Position (XS And SM)
Modify coffee recipe position (XS and SM)

Create Coffee Recipe page

Create Coffee Recipe Page (XS And SM)
Create Coffee Recipe page (XS and SM)
Create Coffee Recipe Page With Backed Up Coffee Recipe Warn Toast (XS And SM)
Backed Up Coffee Recipe Warn Toast (XS and SM)

Create Coffee Recipe From Copy page

Create Coffee Recipe From Copy Page (XS And SM)
Create Coffee Recipe From Copy page (XS and SM)

Modify Coffee Recipe page

Modify Coffee Recipe Page (XS And SM)
Modify Coffee Recipe page (XS and SM)

Up next

Our visual design presentation tour will go on in the next post. Stay tuned!