graciasit.com

logo-gracias

Tomoca Coffee

This project is created for a well known coffee shop named Tomoca Caffe in Ethiopia. Tomoca coffee is an award-winning coffee roasting company established in 1953, in Addis Ababa – Ethiopia. The main goal was to create an online store and showcase their brand, culture & values.

desktop

CHALLENGE

To re-vamp their existing website and being a well known brand they didn’t wanted to settle for a normal looking UI and wanted something unique with a delightful experience. Their existing website had only a hero section which redirected to their history page.

Industry

Lorem Ipsum

Tech Stack

Lorem Ipsum

Platforms

Lorem Ipsum

Project Timeline

Lorem Ipsum

Playfair Display - Aa

Lato - Aa

COLORS FOR THE PROJECT

The client wanted a light background theme with their brand colors that defined them for years. We used white as a background, as it is clean & simple and creates a sense of space.


The other two colors, orange & black, are their brand colors, which also complement well with white.

STAGES OF THE DESIGN PROCESS

01/BRIEFING

We asked the client to fill out the briefing form and express what all things they dislike about the existing website.

02/RESEARCH & COMPETITOR ANALYSIS

We asked the client to fill out the Google form, which contained why they want to revamp, who their competitors are, and what all things they find cool in them so that both the client and we are then on the same page. Post that, we did our own research looking for inspiration, ideas & learning about styles, designs, and dynamics of this particular segment.

03/WIREFRAMING

After research and gathering all the information from the client, we started the wireframing process. Firstly, we started with the low-fidelity design sketch to present & plan the context in a simple way. Later, we created medium-fidelity wireframes which helped us understand how aesthetic features can support essential functionalities.

04/PROTOTYPING

Prototyping gives a more detailed look at the interaction behind the UI elements, their style, and positioning. At the same time, we try different typographies and color palettes to determine what would be more suitable for the client.