UI Templates

Mr. Coffee - Online Coffee Shop Figma UI Template.

Mr. Coffee - Online Coffee Shop Figma UI Template.

"Mr. Coffee" is a meticulously designed online coffee shop app concept created with Figma. This sleek and user-friendly application offers coffee enthusiasts a seamless and delightful experience. With a clean and intuitive interface, users can easily explore a wide range of coffee products, from aromatic blends to specialty brews. The app provides detailed descriptions of each coffee type, allowing customers to make informed choices. It also features a customizable order system, enabling users to personalize their coffee orders, choose brewing methods, and select their preferred pickup or delivery options. Mr. Coffee is not just a coffee shop app; it's a digital haven for coffee lovers, designed to enhance their coffee-drinking journey.

Design Feature

  1. 26 Art board Screen
  2. Coffee Shop App Template.
  3. Smart color combination.
  4. Color Style guide
  5. Pixel Perfect Design.
  6. Easily customizable Figma file.
  7. Every page is fully layered and organized with proper names.
  8. Clean and Modern Style.
  9. Compatible with Figma.
  10. Image are not included.
  11. Well organized layers.
  12. Well documentation.
  13. Modern and Unique Design.

All pages:

  1. Welcome
  2. Onboarding
  3. Starting page
  4. Sign In
  5. Sign Up
  6. Verification
  7. Reset Password
  8. New Password
  9. Home Page
  10. Side Menu Bar
  11. Products
  12. Details
  13. My Order
  14. Select payment method
  15. Order is confirmed
  16. Tracking Order
  17. Select Locetion
  18. Add New Locetion
  19. Location type
  20. Store Location
  21. Reviews
  22. Offers
  23. Profile
  24. Notification
  25. Massage
  26. Write Massage 


Roboto Font Family


Content Reel



Appreciate This
Thank You!
by in