web design uk Edinburgh and website development

roasty logo

As passionate coffee lovers we want to brew the best cup at home.
I have challenged myself to redesign Roasty Coffee’s existing coffee calculator to provide users with a more interactive and engaging user interface and experience.

mockups

how I improved it

improvements6

Transitioning from merely displaying a standard hero image to showcasing a diverse range of options for users to choose from, thereby ensuring instant engagement.

improvements3
improvements1

Shifting from an editorial, article-style layout to an interactive card design aims to simplify the user experience, minimizing the need for extensive reading

improvements2
improvements4

Moving away from separate sections characterized by inadequate contrast ratios to adopting a visually unified design featuring a dynamic step indicator for enhanced coherence and user guidance.

improvements5

why this project

As passionate coffee lovers that want to brew the best cup at home we need an efficient and easy to use guide. As most of us are not born baristas we search the web/download an app that helps us improve our skills.
I have challenged myself to redesign Roasty Coffee’s existing coffee calculator to provide users with a more interactive and engaging user interface and experience.

mockup
chart

what is on the market

I have conducted a competitor analysis of the most popular apps.
After I needed to determine where we can find the gap and perhaps target a specific audience.

who are my users

I decided to focus on a particual generation who are the most tech savvy but in need to save money and improve skills at home.

user persona

what they said

I have surveyed 45 coffee lovers and integrated their insight the following way:

gram
brand
gram

how to brew from scratch

user1
rolling
replicate

how to replicate recipe

user2

how to find a community

user3
feed
shop

how to shop for supplies

user4

Final Design

responsive

Brew the best cup
of coffee of your life

brew
replicate

Replicate your favourite
café brand recipe at home

roll
replicate

Find an inspiring
coffee community

feed
shop

Shop for the best
coffee supplies

feed
shop
close

Like what you see?

Browse my other projects

teza

Teza Renovations

Helping people reach out to a great local joiner and book home improvement projects. Website includes contact form and portfolio showcase features.
pauza

Pauza - Sound Bowl

Offering massage and therapy using sound bowls. Website includes booking options, and details on sound massage benefits.
stars

Stars within Tarot

Making tarot reading accessible for all. Website includes booking via third-party calendar and dynamic blog CMS features.
kertek

Flavors of the Garden

Selling local, high-quality produce to the community of Komárom, Hungary. Shopify webshop includes 780 products.
babybump

BabyBump

Helping pregnant women by collecting the best resources in an easy-to-use tracker. Users can schedule a video call with their doctor.
identity

Nokedli

Serving foodies fresh noodles in a cup from a food truck and diner. Website includes take-away and book a table features.
cosy

Cosy Cabin

Offering a place to relax and unwind in this forest log cabin. Website includes booking system and breakfast order features.