Restaurant Zigana
「ケバブ店」というカテゴリーから抜け出す。客足を呼ぶ魅力は手放さずに。
- 年
- 2026
- 制作期間
- 2週間
- 技術スタック
- React · Tailwind · Vercel
- デザイン
- 開発
- ローカルSEO
- ライティング
Kayzen WebがVercelのアドレスで公開しているデモ版です。正式なドメインはクライアントに帰属します。
- 開業年
- 2011
- 子牛肉、店内で仕込み
- 100%
- Lighthouse SEO
- 100/100
解決すべき課題。
背景
Ziganaは、2011年からリヨン9区ヴェーズ（Vaise）地区のヴァルミー広場（place Valmy）で営業しています。伝統的なトルコ料理、グリル料理、そして店内で仕込む子牛肉100%のケバブを提供しています。
制約
このジャンルは、この店にはふさわしくない品質面での偏見に苦しんでいます。サイトは、売上の大半を支える検索ボリュームの大きいクエリを失うことなく、イメージをトルコ料理と自家製へと移す必要がありました。
解決策
集客をもたらす言葉はそのまま残し、そのすぐ横に証拠を添えます。「子牛肉100%」「店内で仕込み」「2011年創業」。メニューでは、グリル料理と伝統料理をサンドイッチと同じ扱いで並べています。SEOは2つの領域を並行して狙っています。
納品時に計測したスコア。
本番環境のサイトのLighthouseスコアです。数値はそのまま公開しています。低いスコアがあれば、その原因と改善計画を下に記載しており、伏せることはしません。
すべての判断に、理由がある。
実物の料理の写真
写真は店内で撮影したもので、ストックフォトは使っていません。この市場では、カタログ的な写真はすぐに見抜かれ、自家製という約束を台無しにします。
最初の画面で証拠を示す
「子牛肉100%」「自家製」「2011年創業」をメニューより前に表示しています。迷っている客が抱く3つの懸念に、まさに答える言葉です。
ジャンルごとに階層化したメニュー
まずグリル料理と伝統料理、その後にサンドイッチ。メニューの順番は、レイアウトの選択であると同時にポジショニングの選択でもあります。
プロジェクトのカラーパレット
エンバーレッド
#A83232
アイデンティティ
クリーム
#FAF5EC
背景
チャコール
#26221F
テキスト
サフラン
#D89A2C
アクセント
タイポグラフィ体系
見出し用書体
Outfit 700
本文用書体
Inter 400
ニュートラルで読みやすい書体です。30秒で目を通すメニューでは、個性を担うのはフォントではなく写真です。
その裏側にある技術。
- React
- Tailwind
- Vercel
必要に迫られた軽さ
多くの訪問は、昼どきの路上で、不安定な4G回線から来ます。サイトは、最初の画面の画像を含めても、HTMLとCSSで数十キロバイトに収まっています。
特定済みのアクセシビリティ課題
スコア88の原因は、2つの補助的なコンポーネントのコントラスト不足です。この点は記録済みで、次回の改修で修正します。省くよりも書くことを選びました。
検索で見つけてもらうための仕組み。
2つの領域のクエリ
ボリュームのための「ケバブ ヴェーズ」と、ポジショニングのための「トルコ料理 リヨン9区」。前者を諦めればトラフィックの大半を失い、前者だけに絞れば店をその枠に閉じ込めることになっていたでしょう。
ヴァルミー広場に根ざす
広場の名前をタイトルとマークアップに入れています。リヨンの人々が実際に使っている目印だからです。
納品したもの。
- トップ
- メニュー
- お店について
- アクセスと営業時間
- ご注文（電話）
プロジェクトの流れ。
ポジショニング
2つの領域を両立させ、ページ冒頭に証拠を。
写真
店内での撮影、実物の料理。
開発
軽量なサイト、階層化したメニュー。
