WORKS

せいさくぶつ

WEB

Fusion Café

https://my-portforio.com/sample/Fusion-Cafe/

サイト概要

日本と中国、それぞれのお茶文化の魅力を融合した架空のカフェサイト。 日中両国のユーザーに向けて中国語と日本語の言語切替にも対応。 英語圏ユーザーにもわかりやすいよう英語でメニューを明記。

ターゲット層

お茶や東洋文化に関心のある20代後半〜40代の男女。 SNSでカフェ巡りや文化的な体験をシェアするのが好きな層。

目的

東洋のお茶文化を現代的なライフスタイルに落とし込み、国内外のユーザーに向けて提案する。 日本と中国、両国の文化に共鳴する世界観を視覚的に伝える。 ユーザーが実際に店舗を訪れる、もしくはオンラインで注文したくなるような導線設計を行う。

制作ポイント

日中のお茶文化を融合させた商品を視覚で伝えるため、トップページでは真上からから撮影したブレンドティーの写真をグリッド状に配置し、自然と引き込まれるようなデザインに。 中国語/日本語のバイリンガル対応により、言語の壁を越えたアクセシビリティを実現。 店舗情報やオンライン予約など、実在するカフェとして機能することも想定した構造で設計。

担当範囲

デザイン構想、デザインカンプ作成、コーディング

使用ツール

figma / Visual Studio Code