Designing rudimentary app screens using a user flow in Figma

The app you’re creating is to be used on a screen of a coffee-making machine

Client
BrewBot

Year
2025

Convert the user flow below into a Minimum Viable Product i.e. a basic mockup of how the app will work.

Rubric:

15 points

  • Full user flow is converted into screens on a coffee machine app interface

  • Good faith effort to make in Figma. The screens are legible and at least match the level of detail of a basic wireframe like we have drawn in class several times.

  • Again, this is an exploratory activity, and we are rewarding you for trying something new.

End-to-End User Flow: Mobile Coffee Ordering Experience