「一人で静かに過ごせる時間」を大切にしているカフェを想定して制作した、自主制作LPです。
今回イメージしたのは、チェーン店のようなにぎやかさではなく、読書や仕事、考え事などをしながら、自分の時間をゆっくり過ごしたい人が自然と足を運びたくなるようなお店です。

サイト全体では、「日常に、少しの余裕を。」というコピーを軸に、店内の空気感や落ち着いた雰囲気が画面越しでも伝わるように構成しました。
特に今回は、”メニューを見せる”よりも先に、”この場所でどう過ごせるか”を感じてもらうことを意識しています。

コンセプト部分をページ上部に配置し、写真や余白を多く使いながら、忙しい日常の中で少し肩の力を抜けるような空気感を表現しました。
また、コーヒーやスイーツだけでなく、「静かに過ごせる場所を探している人」に向けて、お店の考え方や空間づくりのこだわりまで伝わるようにしています。

自主制作/架空サイト

今回のサイトでは、「静かな空気感をどう画面上で表現するか」を特に大切にしました。

カフェサイトは写真映えや華やかさを強く出すデザインも多いですが、今回はあえて情報量やアニメーションを増やしすぎず、”余白”をしっかりとることで落ち着いた印象になるようにしています。

背景には紙のような少しざらつきのある素材を使用し、カラーもダークブラウンを中心に2色程度に絞ることで、静かで上品な雰囲気を意識しました。
線の太さや余白感も細かく調整し、「視線移動で疲れないこと」を大切にしています。

また、サイト全体の最大widthを1400pxに設定し、画面いっぱいに広がりすぎないようにすることで、実際に店内で落ち着いて過ごしているような感覚に近づけました。

構成面では、メニューやアクセスよりも先にコンセプトを配置しています。
これは、「どんな商品があるか」よりも先に、「どんな時間を過ごせる場所なのか」を伝えたかったためです。

写真も多めに使用していますが、単純に見栄えをよくするためではなく、店内の静けさや光の雰囲気、料理の空気感まで伝わるように意識しました。
hoverアニメーションも最低限に抑え、動きよりも空気感や読みやすさを優先しています。

カフェやサロンなど、空間の雰囲気や居心地のよさまで伝わるサイトをつくりたい方に近い実例です。
派手さや情報量よりも、”この場所でどう過ごせるか”を大切にした構成にしているため、落ち付いた世界観を丁寧に表現したい方に向いています。