なぜ依頼されていないサイトを作るのですか？

飲食・リヨンの文化遺産未承認の提案

Brasserie Georges

1836年創業のブラスリー。サイトは内装を覆い隠すのではなく、それにふさわしいものでなければなりませんでした。

Kayzen Webがデモ用アドレスで公開している提案用のデザイン案です。店舗はこのプロジェクトを承認しておらず、このサイトは店舗のものではありません。

https://brasserie-georges.vercel.app/

ご注意。このデザイン案は、Kayzen Webが自主的に制作し、該当する店舗に提示したものです。店舗の承認は得ておらず、店舗名義で公開されてもおらず、店舗側に何らの義務も生じません。当社はこれをクライアント実績として紹介していません。

出発点

La Brasserie Georgesは、ペラーシュ（Perrache）地区にある1836年創業のリヨンの名所であり、フランス最大のブラッスリーです。そのアール・デコの大広間は、ガイドブックと同じくらい、街の人々の心の中にも刻まれています。

これほどの格を持つ場所は、売り込むものではなく、演出するものです。難しいのは、6インチのスマートフォンの画面で比類のない大広間の魅力を伝えながら、土曜の夜に4人で予約する、宴会を手配する、営業時間を知るといった実務的なニーズにも応えることです。

装飾をサイトの構造そのものにしました。フレスコ画と鉄細工から、配色、リズム、区切りのモチーフを導き出しています。各セクションはひとつの部屋であり、ナビゲーションは館内の散策です。この演出の下でも、予約する、貸し切る、来店するという機能は常に前面にあります。

デザイン・アートディレクション

配色は場所から
ワゴングリーン、真鍮、ガーネットレッド、クリーム。色はすべて大広間のフレスコ画と鉄細工から採取したものです。創作した色はひとつもありません。
区切りにアール・デコのモチーフ
区切り線には、内装の幾何学模様を軽量なSVGで再現しています。画像を1枚も追加することなく、リズムを生み出しています。
創業190周年の特集
記念の年のための専用セクションを、プレスキットのように仕立てました。年表、数字、アーカイブ。共有され、引用されるコンテンツです。
貸し切りを商品として扱う
部屋ごとの収容人数、レイアウト、プラン。この規模のブラッスリーにとって宴会は事業の大きな柱であり、1段落で済ませるわけにはいきませんでした。

見出し用書体

Poiret One / Cormorant

本文用書体

Inter 400

見出しにはアール・デコの幾何学的なディスプレイ書体を使い、本文全体には現代的なサンセリフ体を合わせてバランスをとっています。そうしなければページが読めなくなってしまいます。

エンジニアリング

静的レンダリングと段階的な画像読み込み
演出を重視するサイトは、本質的に重くなります。各部屋の写真は複数の幅とモダンなフォーマットで配信し、スクロールに合わせて段階的に読み込みます。
モチーフは画像ではなくSVGで
アール・デコの区切りは数百バイトしかなく、どの解像度でもくっきりと表示されます。

SEO対策

文化遺産系と取引系のクエリ
一方に「ブラッスリー・ジョルジュリヨン」「フランス最大のブラッスリー」「レストランペラーシュ」、もう一方に「ブラッスリー予約リヨン」「宴会リヨン」。2つの検索意図に、2つのページ群で応えています。
RestaurantとEventのマークアップ
ブラッスリーには完全なRestaurantのノードを、190周年には日付入りのEventのノードを付けています。日付のあるイベントは、専用の検索結果枠で取り上げられます。

サイト構成