【サイトリニューアル】創作ダイニングアズュール様

概要

旧サイトはPDFや画像の埋め込み具合からサーバー負荷がかかっており、重いサイトになっていたため、今回はそれらの負荷をなくし、静的なサイトへとリニューアルしました。

このサイトは、創作ダイニングアズュール（AZUR）の公式サイトを、静的HTML/CSS/JavaScriptで再構築した店舗サイトです。
目的は「店舗の雰囲気訴求」「メニュー・コース情報の整理」「電話予約・アクセス導線の強化」「SEO資産の維持」です。

単なる名刺サイトではなく、飲食店の集客導線として必要な要素が一通り入っています。特に、ローカルSEO・スマホ導線・メニュー訴求・予約導線を重視した構成です。

■旧サイトはお知らせ機能をほぼ使っていなかったため、wordpressから静的サイトへと変更。wordpress投稿をxmlからjsonに変換し、モーダル表示へと変更。

■サーバーをロリポップからcloudflareへ移行し、セキュリティリスクの懸念改善や速度向上計りました。

今回使用したツールは、ChatGPT/codex,claude,Github,VScode。

元のスクリーンショットをChatGPTに投げて、ChatGPTで再構成したデザインをcodexにてコード繁栄。claudeにてフォルダ構成・構造を作成したのち、中身をcodexで作成し、Githubにpush→cloudflareに反映。ネームサーバーをロリポップからcloudflareに変更。

全体は、和モダン × 落ち着いた居酒屋 × 少し高級感のあるダイニングという方向性です。

色はネイビー、ゴールド、生成り系を中心にしていて、安っぽい居酒屋サイトではなく、落ち着いて食事・宴会ができる店舗として見せる設計です。

写真・余白・明朝系フォントを使い、料理や店舗の雰囲気を前面に出す構成になっています。

コンセプトは、
「那須塩原で、少し特別感のある創作ダイニング」
です。

具体的には以下です。

サイト設計は、1ページ完結型トップ + 補助ページの構成です。

トップページでは、以下の順番でユーザーの意思決定を進めます。

補助ページは以下の役割です。

SEO設計としては、
「創作ダイニングアズュール」「AZUR」「那須塩原創作居酒屋」「那須塩原宴会」「那須塩原駐車場あり居酒屋」
あたりを狙える土台になっています。