cococoe（ココこえ）
ディレクション
UI/UXデザイン
ブランディング
Framer実装
[1]
Overview
cococoe（ココこえ）という新規サービス開始に伴い、VIとウェブサイトをデザイン・制作。感情に居場所をつくるという老若男女を対象とした画期的なサービスであるため、フレンドリーかつ信頼感のあるサイトを目指しました。ロゴ制作、ウェブサイトのデザイン、Framer実装、クライアントコミュニケーションを担当。
[2]
Goals
サービス開始に伴いユーザーが気軽に挑戦できるようにフレンドリーさを維持したスタイル。ユーザーが次のアクションを起こしやすくするためのCTA配置とサイト全体の分かりやすい構成。内側から流れ出てくるような感情と照らし合わせたアニメーションの実装。
[3]
Insights
トップページのインタラクティブな顔の要素は人が持ち合わせている様々な感情をアイコンで表現。VIでは心という漢字を連想させる要素と感情を反映させる表情を人の顔としてアイコン化。フレンドリーさを表現するために、明るい色を選択。タイプフェイスは安心感とオープンさを表現できるGoogle Sans（欧文）とZen Kaku Gothic New（和文）を使用。
[4]
Outcome
トップページのインタラクティブな表情のマークやローディングで見られる喜怒哀楽のマークが喜ばれました。シンプルな構成と分かりやすいレイアウトはユーザーフレンドリーな要素だと感謝されました。色の選択も楽しそうな色使いだとご好評をいただきました。
cococoe（ココこえ）
ディレクション
UI/UXデザイン
ブランディング
Framer実装
[1]
Overview
cococoe（ココこえ）という新規サービス開始に伴い、VIとウェブサイトをデザイン・制作。感情に居場所をつくるという老若男女を対象とした画期的なサービスであるため、フレンドリーかつ信頼感のあるサイトを目指しました。ロゴ制作、ウェブサイトのデザイン、Framer実装、クライアントコミュニケーションを担当。
[2]
Goals
サービス開始に伴いユーザーが気軽に挑戦できるようにフレンドリーさを維持したスタイル。ユーザーが次のアクションを起こしやすくするためのCTA配置とサイト全体の分かりやすい構成。内側から流れ出てくるような感情と照らし合わせたアニメーションの実装。
[3]
Insights
トップページのインタラクティブな顔の要素は人が持ち合わせている様々な感情をアイコンで表現。VIでは心という漢字を連想させる要素と感情を反映させる表情を人の顔としてアイコン化。フレンドリーさを表現するために、明るい色を選択。タイプフェイスは安心感とオープンさを表現できるGoogle Sans（欧文）とZen Kaku Gothic New（和文）を使用。
[4]
Outcome
トップページのインタラクティブな表情のマークやローディングで見られる喜怒哀楽のマークが喜ばれました。シンプルな構成と分かりやすいレイアウトはユーザーフレンドリーな要素だと感謝されました。色の選択も楽しそうな色使いだとご好評をいただきました。
cococoe（ココこえ）
ディレクション
UI/UXデザイン
ブランディング
Framer実装
[1]
Overview
cococoe（ココこえ）という新規サービス開始に伴い、VIとウェブサイトをデザイン・制作。感情に居場所をつくるという老若男女を対象とした画期的なサービスであるため、フレンドリーかつ信頼感のあるサイトを目指しました。ロゴ制作、ウェブサイトのデザイン、Framer実装、クライアントコミュニケーションを担当。
[2]
Goals
サービス開始に伴いユーザーが気軽に挑戦できるようにフレンドリーさを維持したスタイル。ユーザーが次のアクションを起こしやすくするためのCTA配置とサイト全体の分かりやすい構成。内側から流れ出てくるような感情と照らし合わせたアニメーションの実装。
[3]
Insights
トップページのインタラクティブな顔の要素は人が持ち合わせている様々な感情をアイコンで表現。VIでは心という漢字を連想させる要素と感情を反映させる表情を人の顔としてアイコン化。フレンドリーさを表現するために、明るい色を選択。タイプフェイスは安心感とオープンさを表現できるGoogle Sans（欧文）とZen Kaku Gothic New（和文）を使用。
[4]
Outcome
トップページのインタラクティブな表情のマークやローディングで見られる喜怒哀楽のマークが喜ばれました。シンプルな構成と分かりやすいレイアウトはユーザーフレンドリーな要素だと感謝されました。色の選択も楽しそうな色使いだとご好評をいただきました。