Cozy Cup

A conceptual branding for a website tailored to engage and educate coffee beginners.
Overview

This is a team project at Production Company II class - we were tasked to create a learning application. We developed a website to teach beginners the basics of coffee. I designed the visual identity for our brand.

My roles

Visual identity design
Information design
Illustrations

Deliverables

Branding elements
Website illustrations
Module slides

Tools

Adobe Illustrator
Adobe Photoshop
Adobe XD

Timeline

July - August 2023

Direction
Setting the atmosphere of a room that has been filled with sunlight,
with vintage-style elements
Moodboard

I drew inspirations from a collection of rustic and vintage graphics with a handcrafted aesthetic.

A screenshot of my Pinterest moodboard

We aimed to create an online space where coffee beginners can easily learn the basics of brewing, emphasizing the nostalgia and craftsmanship associated with hand-drip coffee.

Colour Palette

We wanted to create a calming and warm ambiance with beige and cream.

Dark green and orange serve as the main colours for text and illustrations, while pink highlights smaller elements like buttons and CTAs, adding interest to the website.

Typography

We use a serif that is reminiscent of those found on old-fashioned packaging and signage;  and a sans-serif for readability on website.

Icons & Illustrations

A set of illustrations and iconography that has a textured appearance, with a focus on detailed line work and stippling techniques.

Badges

Completion badges will be shown after the quizzes to celebrate knowledge.

Tutorial Deck

Unlike most modern websites that scroll vertically, we went for a classic learning approach. We split the content into parts and used slides to present the learning material. There is a mini quiz at the end of each module.

Other projects