← Projects

cafe ひだまり

コーポレートサイト / ブックカフェ

制作時に最もこだわったのは、「サイトを訪れることで店内に入る感覚をどう体験として伝えるか」という点です。そのために、明るい背景から暗い店内へと切り替わるオープニングアニメーションを制作し、画面遷移とともに“入店する感覚”を演出しました。

この入店体験を起点にサイトへとつながる導線を設計することで、ルールの多いブックカフェに対する心理的なハードルを下げることを意図しています。

さらに、店主によるブックレビューなどのコンテンツを通じて、訪れにくさを「親近感」や「秘密基地を共有する感覚」へと転換できるよう構成しています。

課題制作
コンセプト設計 / UIデザイン / コーディング

使用ツールと言語:
Figma / Photoshop / Illustrator /
HTML / CSS / JavaScript /
PHP / WordPress

コアターゲット:20代後半〜40代の一人で訪れる客

デザインカンプ:サムネイル選択で拡大表示

PC版

PC版デザインカンプ PC版デザインカンプ PC版デザインカンプ PC版デザインカンプ PC版デザインカンプ PC版デザインカンプ

SP版

SP版デザインカンプ SP版デザインカンプ SP版デザインカンプ SP版デザインカンプ