Work 002 / 04 — Selected Work
喫茶店LP — 一杯の静けさを。手書きの灯りと温度を残しつつ、予約と地図にすんなり繋がる構造に。 お店の外で出会った人が、扉を押す前に「ここに行きたい」と決められる、その手前を担う一枚。
— Overview
扉を押す前の数十秒。お店のサイトに辿り着いた人が、「ここに行ってみたい」と決められるかどうかは、 ほとんどの場合、最初に開く一枚で決まります。喫茶 燈火 のサイトは、その一枚に 静けさ と 温度 を置くために作りました。
ファーストビューには手書きのロゴと低彩度の写真。情報は地図と営業時間と一杯のメニューに絞り、 スクロールすればお店の灯りが、ゆっくり立ち上がってくるリズムにしています。
実装は静的サイトジェネレーターを使わず、薄い HTML + CSS だけ。 軽さは 「静けさ」のための機能 で、CMS を入れずに済む情報量に絞り切ることが、デザインの一部でした。
— Outcome
飲食店のサイトは、ともすればメニュー全載せ・ニュース・SNS埋め込みで雑然になりがち。 ここでは 「載せない」を起点にデザインしました。営業時間、地図、メールアドレス、メニュー一行。それで足りる、というのが結論です。
自主プロジェクトとして、LoHeartStudio が「温度のある Web」と呼んでいるものを、最も短いコードで定義した一本でもあります。