top of page
toastedbean_introimage.jpg
Toasted Bean Coffee Shop Website

The Toasted Bean Coffee Shop Website was developed as a digital hub and storefront, offering customers a space to explore, learn about, and purchase premium coffee beans and related products. Designed to provide a seamless and enjoyable shopping experience, the website reflects the brand's identity, products, and the cozy ambiance of a physical coffee shop. My role encompassed the entire design process—from research and empathy mapping to defining user needs, ideating solutions, prototyping, and implementing the desktop site. The next phase involves testing the site's functionality and assessing its overall viability.

​

Role: Branding Design, Graphic Design, UX UI Design, User Research

Tools: Sketch, Illustrator, Photoshop, GitHub

Duration: 7 weeks

Research - Empathize - Define - Ideate - Prototype - Implement

Why Drink Coffee?

What problem do your customers have?

• Tired, up too early, not morning person

• Need a boost of energy

• Want a social experience

• Relieve stress

 

Your Solution (Product or Service)

• Serve coffee with a story

• Give coffee drinkers a memorable experience

• Convenience 

 

Business Model (How to Make Money)

• Coffee

• Merchandise​

​​Define and Ideate Target Audience

• Experience: What Coffee Looks like

• Convenience

 

Types of Coffee

• Light Roast vs. Dark Roast

• History/Origin of Coffee

• Taste and Flavors

 

Types of Coffee Drinkers

• Coffee Lover

• Average worker

• Connoisseur

• Parent

• Student

competitive 2.png
competitive 1.png
mood board.png
Screenshot 2024-03-21 at 8.30_edited.jpg
wireframe-toasted-bean
navigation-toastedbean.png
sitemap-toastedbean.png
tb_reponsive_edited.jpg
tb_1.png
Toasted Bean Coffee.gif
bottom of page