DESIGN SYSTEM: COFFEE CODE
BRIEF : Create a design system for the coffee shop, "Coffee Code".
DESIGN PROCESS:
DESIGN SYSTEM
-Brand Story
-Design elements
*Logo
-Design Thinking - Empathize > Define > Ideate > Prototype > Testing
*Typography
*Colors
*Shapes
*Images
BRAND STORY
The main idea behind the company "Coffee Code" is to provide an opportunity for the people in professional fields to have a quality time with there buddies as well as colleagues where they can have a leisure time along with their regular office discussions.
DESIGN ELEMENTS
LOGO
>Design thinking
-Empathize:
Target Audience : working professionals, 25-40, technojunkies.
Brand value, mission, objective : connecting professionals over a coffee.
Competitors : ccd, starbucks
Product Range : different brews of world coffee, coffee supplements,
Specialty: community culture
About the company history: its startup
Brand value, mission, objective : connecting professionals over a coffee.
Competitors : ccd, starbucks
Product Range : different brews of world coffee, coffee supplements,
Specialty: community culture
About the company history: its startup
-Design Objective
To create a design system for the techno-themed community coffee shop, "Coffee Code".
-Ideate
In order to design logo for the coffee shop, mind mapping and mood boarding were made so that the ideas get into one place and come to one solution.
-Prototype
A lot of sketches were tried to connect the 3 aspects of coffee, people & coding.
The finalized logo was:
Testing:
Different mockups were tried with the logo.
Logo Variations:
It has two variations-one used in light background and the other in dark background.
Logo Exclusion Zone/Clear Space:
Logo Expansion Zone:(Scaling )
Logo Guidance:
Don't use the dark version of logo in the dark background.
Don't have any matter in the expansion zone / clear space of logo
TYPEFACE:
Typeface Guidelines:
Colors:
Color Guidelines:
Shapes:
Images:
Use images with working ambience and natural ones.
Images Guidelines:
CONCLUSION:
In this entire process of design system, the major takeaway was how to deal with a given project in a professional and organized manner. Also the importance of each and every step of design process plays a vital role in building a design system.
