top of page
Heading.jpg

CAFE APPETITO

UI DESIGN

00

UI Elements

Design Aesthetic

COLOUR

#291E1E

#A3E6BB

#DBDBDB

#FFFFFF

FONT

Tw Cen MT Condensed

Font Size - 52

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxvy

1234567890

Barlow Condensed Bold

Font Size - 45

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxvy

1234567890

Fira Sans Regular

Font Size - 45

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxvy

1234567890

Barlow SemiBold

Font Size - 31, 28

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxvy

1234567890

Ebrima Regular

Font Size - 30

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxvy

1234567890

01

Homepage

Getting Started

Artboard – 10.png

Homepage

Let's Get Started.

Home page Introduces the main elements of the website. 

​

​

Get Coffee Recommendations.

​

​

Visiting Hours

About 

Know about their Story.

Artboard – 20.png

02

Buying Coffee

Artboard – 11.png

03

Customize

Order Online

Buy Coffee

Sort Coffee by preference.

Choose your roast and find the best coffee beans for you.

Artboard – 21.png

Check out

Artboard – 13.png
Artboard – 22.png

Add to

Cart

Add your Customized

Coffee to Cart

Customize 

Choose your Coffee weight, Grind type and quantity.

Artboard – 14.png
Artboard – 23.png
Artboard – 24.png

Shopping Cart

Contact Information

Enter Contact Information and Continue to Shopping.

Artboard – 15.png
Artboard – 25.png
Artboard – 16.png

04

Discover Recipes

Artboard – 26.png

Learn

Artboard – 18.png
Artboard – 27.png

Discover

Recipes

Find your favourite coffee's recipe to learn and brew your coffee at home.

Artboard – 19.png
Artboard – 28.png

Keep

Learning

Learn new coffee making recipes and techniques to brew your favourite cup of coffee at home. 

Artboard – 29.png

Video Tutorial

Step-by-Step Video tutorial

Read Blogs

Read blogs written by

our Brewers

Thank You.

bottom of page