cococoe(ココこえ)

cococoeサイトのトップ画像

ディレクション

UI/UXデザイン

ブランディング

Framer実装

[1]

Overview

感情に居場所をつくるcococoe(ココこえ)という全世代向けの新規サービス立ち上げにおける、VI構築およびWebサイト制作を担当。サービス特有の抽象的な概念(感情)を、いかに直感的に理解可能で、かつ信頼感のあるデジタル体験に落とし込むかを設計の軸としました。

[2]

Goals

初見ユーザーに安心していただくため、親近感とプロフェッショナルな信頼が共存するビジュアル言語の確立。サービス理解からCTAまでを迷わせない、情報の優先順位に基づいたIA(情報設計)の構築。内側から湧き上がる感情をメタファーとしたインタラクションを実装し、ブランド体験の解像度を向上させました。

[3]

Insights

VIの核として、漢字の「心」を抽象化した幾何学的なフェイスアイコンを開発。これにより、日本文化に根ざした親しみやすさと、グローバルな記号性を両立させました。タイポグラフィには可読性とモダンな清潔感を兼ね備えたGoogle SansとZen Kaku Gothic Newを採用し、情報の透明性を担保。色彩設計では、感情の多様性を肯定するポジティブなパレットを選定し、楽しさだけでなく受容のメッセージを込めています。

[4]

Outcome

インタラクティブな演出や感情を可視化したアイコン群により、サービスの世界観を直感的に伝えるブランド体験を実現。シンプルかつ一貫性のあるレイアウト設計により、ユーザーが迷うことなく核心的な情報に到達できるUXを構築しました。結果として、クライアントからは「サービスの抽象的な価値を、具体的かつ魅力的な形に変換できた」と高い評価を得ました。

cococoeのロゴ
cococoeホームページのトップ
cococoeホームページのストーリー部分
cococoeホームページのabout us部分
ロゴのプロセス画像

cococoe(ココこえ)

cococoeサイトのトップ画像

ディレクション

UI/UXデザイン

ブランディング

Framer実装

[1]

Overview

感情に居場所をつくるcococoe(ココこえ)という全世代向けの新規サービス立ち上げにおける、VI構築およびWebサイト制作を担当。サービス特有の抽象的な概念(感情)を、いかに直感的に理解可能で、かつ信頼感のあるデジタル体験に落とし込むかを設計の軸としました。

[2]

Goals

初見ユーザーに安心していただくため、親近感とプロフェッショナルな信頼が共存するビジュアル言語の確立。サービス理解からCTAまでを迷わせない、情報の優先順位に基づいたIA(情報設計)の構築。内側から湧き上がる感情をメタファーとしたインタラクションを実装し、ブランド体験の解像度を向上させました。

[3]

Insights

VIの核として、漢字の「心」を抽象化した幾何学的なフェイスアイコンを開発。これにより、日本文化に根ざした親しみやすさと、グローバルな記号性を両立させました。タイポグラフィには可読性とモダンな清潔感を兼ね備えたGoogle SansとZen Kaku Gothic Newを採用し、情報の透明性を担保。色彩設計では、感情の多様性を肯定するポジティブなパレットを選定し、楽しさだけでなく受容のメッセージを込めています。

[4]

Outcome

インタラクティブな演出や感情を可視化したアイコン群により、サービスの世界観を直感的に伝えるブランド体験を実現。シンプルかつ一貫性のあるレイアウト設計により、ユーザーが迷うことなく核心的な情報に到達できるUXを構築しました。結果として、クライアントからは「サービスの抽象的な価値を、具体的かつ魅力的な形に変換できた」と高い評価を得ました。

cococoeのロゴ
cococoeホームページのトップ
cococoeホームページのストーリー部分
cococoeホームページのabout us部分
ロゴのプロセス画像

cococoe(ココこえ)

cococoeサイトのトップ画像

ディレクション

UI/UXデザイン

ブランディング

Framer実装

[1]

Overview

感情に居場所をつくるcococoe(ココこえ)という全世代向けの新規サービス立ち上げにおける、VI構築およびWebサイト制作を担当。サービス特有の抽象的な概念(感情)を、いかに直感的に理解可能で、かつ信頼感のあるデジタル体験に落とし込むかを設計の軸としました。

[2]

Goals

初見ユーザーに安心していただくため、親近感とプロフェッショナルな信頼が共存するビジュアル言語の確立。サービス理解からCTAまでを迷わせない、情報の優先順位に基づいたIA(情報設計)の構築。内側から湧き上がる感情をメタファーとしたインタラクションを実装し、ブランド体験の解像度を向上させました。

[3]

Insights

VIの核として、漢字の「心」を抽象化した幾何学的なフェイスアイコンを開発。これにより、日本文化に根ざした親しみやすさと、グローバルな記号性を両立させました。タイポグラフィには可読性とモダンな清潔感を兼ね備えたGoogle SansとZen Kaku Gothic Newを採用し、情報の透明性を担保。色彩設計では、感情の多様性を肯定するポジティブなパレットを選定し、楽しさだけでなく受容のメッセージを込めています。

[4]

Outcome

インタラクティブな演出や感情を可視化したアイコン群により、サービスの世界観を直感的に伝えるブランド体験を実現。シンプルかつ一貫性のあるレイアウト設計により、ユーザーが迷うことなく核心的な情報に到達できるUXを構築しました。結果として、クライアントからは「サービスの抽象的な価値を、具体的かつ魅力的な形に変換できた」と高い評価を得ました。

cococoeのロゴ
cococoeホームページのトップ
cococoeホームページのストーリー部分
cococoeホームページのabout us部分
ロゴのプロセス画像