Ikou

Creating a brand and designing its responsive web interface

Role

Research, Ideation, UI/UX, Branding, Visuals, Prototyping

Duration

October - November 2019 (4 week project)

Tools

Adobe XD, Photoshop, Illustrator, Webflow, DSLR

Design challenge...

Solution

I·kou

/ˈ一口 (yī . kǒu)/

chocolate brand

a. one bite (Every bite is a familiar taste of home)

b. bite-sized chocolates made with love by a mom and daughter duo. 

 

Creating a chocolate brand (Ikou) and its online shop to making the purchasing process easier and more accessible. Ikou's brand identity is based on the idea of being homemade and hand-crafted. 

Phase 01: Researching and learning

Competitive research

I began researching 3 chocolate brands with contrasting identities to take notes on how they formatted their content and what made their site successful and effective. Here is a summary of what I found:

Key insights

  • Important information should be the most accessible and easily seen

  • Make the site content as straightforward and clear as possible 

  • Keep branding aesthetic focused and consistent

Target audience

Identifying the target audience to better understand how to cater my design to them. 

​WHO?

  • A younger demographic who enjoys handcrafted chocolate and is willing to spend the money to purchase the product.

APPROACH

  • Using modern and elegant visuals to appeal to the audience's aesthetic.

  • Focusing on the home-made aspect

Phase 02: Ideation and iteration

Developing brand identity

The key brand qualities that I wanted to highlight in its design aspect are the following:

1. Home-made

2. Elegant

3. Modern

With these qualities in mind, I started the logo iteration process. The name Ikou comes from the pinyin of the Chinese phrase yī kǒu, meaning one bite. "Have one bite" - a phrase my mother says a lot when she makes something delicious for me, so I wanted to include that familiarity and sense of home in the name.

Site map

After revising the initial userflows with the feedback given, I developed the final flowchart for my 3 scenarios:

Wireframes

Taking the flowchart structure, I started building mid-high fidelity wireframes to map out the user interactions and overall layout. View full wireframes here

Phase 03: Visual design 

Visual system

Final: 3 userflows

01

Home page

Straightforward navigation to provide easy access to all parts of site

02

Our story

Clear and simple content to avoid any overwhelming aspects for the user

03

Shop chocolates

Consistent brand visuals to highlight product and its appeal

Reflection

This project was definitely challenging with its timeline and my ambitions. Initially, I planned to design 2 more pages (location + contact us) but wasn't able to do so due to time constraints. Through this, I realized the importance of viewing things more objectively and from a larger perspective. When given a strict timeline, it is crucial to not get caught up in the details that don't contribute to the final product/get stuck with tunnel vision.

Overall, I really enjoyed the process of creating a brand and its website, and I am grateful for the learning opportunity and all the challenges this project gave me as a designer.

Never design with tunnel vision, always remember to step out and look at the larger picture.

You might also like...

© Anna Asgaraly 2020

  • Grey LinkedIn Icon
  • Instagram