cococoe

cococoe website top imgae

Direction

UI/UX Design

Branding

Framer Development

[1]

Overview

With the launch of a new service called cococoe, I was responsible for designing and developing the visual identity and website. The service is an innovative platform designed for people of all ages and backgrounds, built around the concept of creating a place where emotions can belong. To reflect this vision, I aimed to create a website that feels both friendly and trustworthy. My role included logo design, website design, implementation in Framer, and client communication.

[2]

Goals

To create an approachable and psychologically safe entry point that lowers barriers for first-time users and encourages engagement from launch. To design a clear information architecture and strategically placed calls to action that guide users smoothly toward their next step. To implement motion design that reinforces the service concept, using animations to subtly express emotions emerging from within while enhancing clarity and usability.

[3]

Insights

The interactive face element on the homepage visualizes the range of emotions people carry within them through expressive iconography. The visual identity combines a form inspired by the Japanese character for “heart” (心) with human facial expressions, making emotions feel relatable and intuitive. A bright color palette was chosen to communicate friendliness and approachability. For typography, I selected Google Sans and Zen Kaku Gothic New, both of which convey openness, clarity, and reassurance. Together, these elements create a visual system that feels warm, accessible, and emotionally grounded.

[4]

Outcome

The interactive facial expressions became a memorable part of the brand experience, helping users connect emotionally from the first visit. The simple structure and clear layout made it easy for users to get started without confusion. The bright color palette strengthened the service’s friendly image and left a positive impression.

cococoe logo
cococoe website top image
Storioes from cococoe website
About us from cococoe website
The process images of cococoe logo

cococoe

cococoe website top imgae

Direction

UI/UX Design

Branding

Framer Development

[1]

Overview

With the launch of a new service called cococoe, I was responsible for designing and developing the visual identity and website. The service is an innovative platform designed for people of all ages and backgrounds, built around the concept of creating a place where emotions can belong. To reflect this vision, I aimed to create a website that feels both friendly and trustworthy. My role included logo design, website design, implementation in Framer, and client communication.

[2]

Goals

To create an approachable and psychologically safe entry point that lowers barriers for first-time users and encourages engagement from launch. To design a clear information architecture and strategically placed calls to action that guide users smoothly toward their next step. To implement motion design that reinforces the service concept, using animations to subtly express emotions emerging from within while enhancing clarity and usability.

[3]

Insights

The interactive face element on the homepage visualizes the range of emotions people carry within them through expressive iconography. The visual identity combines a form inspired by the Japanese character for “heart” (心) with human facial expressions, making emotions feel relatable and intuitive. A bright color palette was chosen to communicate friendliness and approachability. For typography, I selected Google Sans and Zen Kaku Gothic New, both of which convey openness, clarity, and reassurance. Together, these elements create a visual system that feels warm, accessible, and emotionally grounded.

[4]

Outcome

The interactive facial expressions became a memorable part of the brand experience, helping users connect emotionally from the first visit. The simple structure and clear layout made it easy for users to get started without confusion. The bright color palette strengthened the service’s friendly image and left a positive impression.

cococoe logo
cococoe website top image
Storioes from cococoe website
About us from cococoe website
The process images of cococoe logo

cococoe

cococoe website top imgae

Direction

UI/UX Design

Branding

Framer Development

[1]

Overview

With the launch of a new service called cococoe, I was responsible for designing and developing the visual identity and website. The service is an innovative platform designed for people of all ages and backgrounds, built around the concept of creating a place where emotions can belong. To reflect this vision, I aimed to create a website that feels both friendly and trustworthy. My role included logo design, website design, implementation in Framer, and client communication.

[2]

Goals

To create an approachable and psychologically safe entry point that lowers barriers for first-time users and encourages engagement from launch. To design a clear information architecture and strategically placed calls to action that guide users smoothly toward their next step. To implement motion design that reinforces the service concept, using animations to subtly express emotions emerging from within while enhancing clarity and usability.

[3]

Insights

The interactive face element on the homepage visualizes the range of emotions people carry within them through expressive iconography. The visual identity combines a form inspired by the Japanese character for “heart” (心) with human facial expressions, making emotions feel relatable and intuitive. A bright color palette was chosen to communicate friendliness and approachability. For typography, I selected Google Sans and Zen Kaku Gothic New, both of which convey openness, clarity, and reassurance. Together, these elements create a visual system that feels warm, accessible, and emotionally grounded.

[4]

Outcome

The interactive facial expressions became a memorable part of the brand experience, helping users connect emotionally from the first visit. The simple structure and clear layout made it easy for users to get started without confusion. The bright color palette strengthened the service’s friendly image and left a positive impression.

cococoe logo
cococoe website top image
Storioes from cococoe website
About us from cococoe website
The process images of cococoe logo