CoffeeBoy Surface, Part VI

CoffeeBoy UI Side Nav

This is the sixth part in a series of posts presenting the visual design of the CoffeeBoy UI. In this post we’ll see all pages which can be found under the Inventory and Maintenance menu items 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

Inventory page

Inventory Page (XS And SM)
Inventory page (XS and SM)

Maintenance page

Maintenance Page (XS And SM)
Maintenance page (XS and SM)

Maintenance Process page

Maintenance Process Page (XS And SM)
Maintenance Process page (XS and SM)

Up next

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