![](https://cdn.myportfolio.com/b42db312459998fd5dab2797311ea451/f301601d-3acd-4329-9329-cc678f455a4b_rw_1920.jpg?h=e1fd3d252987377f56e72c47fbe31068)
Background
Client: The Smiling Bean (Concept)
Role: UI/UX + Visual Designer
For one of my senior-level design classes, I was tasked to develop a coffee subscription service that helped determine the coffee preferences of the customer. Most importantly, the experience must help educate the user about coffee. The final outcome was designing a hypothetical coffee brand with a questionnaire users could fill out which would generate a curated selection of coffee beans based on their answers.
Design Question
How might we design a coffee service that is functional and unique?
Process
![](https://cdn.myportfolio.com/b42db312459998fd5dab2797311ea451/aa2b3d30-6f21-4653-bb33-ba7dc6cd71e9_rw_1920.png?h=2fc550d8f54f2628f0a3dfa3907437f3)
This moodboard is bright, happy, and colourful. It embodies the positive mood people may have when they start their day with coffee.
![](https://cdn.myportfolio.com/b42db312459998fd5dab2797311ea451/e752411e-c30c-42d1-8848-a162addd2fa8_rw_1920.png?h=5384381b3eb771ee138fdd7f40758463)
![](https://cdn.myportfolio.com/b42db312459998fd5dab2797311ea451/f522205b-59ba-4af7-b679-483d03430213_rw_1920.jpg?h=7e5ae4ea870d37015b55df9b359eea32)
Wireframes
Solution
![](https://cdn.myportfolio.com/b42db312459998fd5dab2797311ea451/82c8f270-0dc5-4e37-8da1-57ac8edb83d0_rw_1200.png?h=83b8acb6ae86190e23156c94d7f6f65e)
The Smiling Bean is a hypothetical coffee company that focuses on diverse coffee beans from around the world. Its name references the uplifting, positive mood coffee can put you in.
Themed Months: By basing the monthly coffee box on a specific country, this introduces the user to a variety of coffee beans within that country. It also gave me a better sense of where to take the art direction.
Element of Surprise: Users won’t be able to see what specific coffee they will receive in their coffee box but they will still get an idea through the ordering experience.
Snacks: The Smiling Bean offers snacks to add to the subscription order. These snacks are picked specifically to compliment coffee.
Element of Surprise: Users won’t be able to see what specific coffee they will receive in their coffee box but they will still get an idea through the ordering experience.
Snacks: The Smiling Bean offers snacks to add to the subscription order. These snacks are picked specifically to compliment coffee.
![](https://cdn.myportfolio.com/b42db312459998fd5dab2797311ea451/665985cf-d215-40e0-a67a-ddbfec7eb20a_rw_3840.jpg?h=6ccd2acc39246c178e5f25088471d1dd)
Home page
![](https://cdn.myportfolio.com/b42db312459998fd5dab2797311ea451/6d81f23b-40b1-4ce3-9570-4aaeec28d402_rw_1920.jpg?h=048ecc11469bbcc5e44343383aadad5e)
Checkout flow
![](https://cdn.myportfolio.com/b42db312459998fd5dab2797311ea451/5670d5c0-a0e8-4c35-ba18-cf7d8a8d063b_rw_1920.png?h=e2363abb440b5f45130d8d3c9a1b5b72)
Page overview
Reflection
The UX saying "you are not your user" stood true for this design project and made it even more fulfilling. I'm not a regular coffee drinker or a third-wave coffee advocate so I was very unfamiliar with current coffee trends and its culture.
In retrospect, there are a few areas I would improve on if I had the time:
• Responsive design: Designing an excellent mobile and tablet experience.
• Different questionnaire layout: How does it function as individual pages? Am I following best practices?