top of page

AVI COFFEE BEANS

As we grow, take on work, when we travel, on a lazy day, catch up on a coffee date, and even when there are no excuses- Coffee unites us! For this project, I am designing a coffee bean app for people like us who need comfort and energy - packed in a single cup of coffee!

unsplash_nDd3dIkkOLo.png

About the Project : AVI COFFEE BEANS is an app created to let users shop their own set of brown beans offered by the brand. The idea behind it is to provide users with a feeling of authenticity and warmth throughout the cycle-
From placing an order to receiving it and from making to drinking coffee
.

iPhone X Flying Mockup Right View.png
homepage.png

Problem: Coffee has been timeless! As we have many brands in the market that give a good taste and maybe a quick solution, humans are naturally inclined towards authenticity and something that feels our own and somehow we are having fewer options for it.

Solution: Design an app to let individuals order their type of coffee beans sitting in any part of the country. Coffee beans give you that freedom - choosing from finely grounded, freshly roasted or even handpicked so you can roast and grind all by yourself!

My Role :Lead UX/UI designer , Idea


Tool : Figma


Target audience : 18 years onwards


Duration : 2 Weeks

USER PERSONA

Felipe represents many of us today. 

We all have hectic schedules and we all try to find comfort and peace.

user persona.jpg

DIGITAL WIREFRAMES

Every construction needs a map. Here is ours!

Digital Wireframes to start the project.

The idea was to map an easy and intuitive userflow.

homepage.png
product details.png
checkout.png
confirmation B.png

THE INSPIRATION

As per the Color Psychology, shades of Brown, Orange, Yellow are known to be appetizing. Apart from their positive and friendly vibe, it reminds us of food and beverage. Brown and White together represent coziness and warmth. The color palette is highly inspired by these characteristics.

final moodboard.jpg
style.jpg

FOCUS OF IDEAS

  • Keeping in mind the comfort and ease we crave, grounded colors are used in the design.

  • The Homepage has a video background to facilitate an instant bond with the user.

  • New things excite us and keeping that in mind a whole page is dedicated to introduce the four types of coffee beans from around the world. 

homepage (2).png
Product details-D.png

Isn't toggling fun? And quick too!

Regular "Add to cart" buttons are so 2016. Jumping to toggle switches add a fun element to it. People are automatically drawn towards something different at regular spots and might notice this slight difference from many existing apps. 

product description.png
checkout (2).png

Let us make some coffee!

From Imagination to Animation!

CA-2.png
CA-3.png

Always a delight to see the work come to life.The continued process of Mockups!

mockup 11111.png
mockup 3.png
mockup 2.png

Well now..

Can we skip to the good part?

Thank you for being with me!

© 2026 by Vijayashree Bajpai.

bottom of page