架空のラーメン店「ラーメン首里城」公式サイト
概要
職業訓練の課題として作成しています。
WordPressテーマ「Lightning」を使用し、札幌の塩ラーメンと沖縄の世界観を融合させた店舗サイトを構築しました。
レスポンシブデザインにも対応しています。
- サイトコンセプト
「札幌ラーメン」×「沖縄の塩」の融合。沖縄の海を感じさせる、地域密着型の本格塩ラーメン店。 - ターゲット
○○市〇区周辺に住む30〜50代のラーメン好き、ランチや仕事帰りの食事場所を探している層。 - 制作プロセス
- 企画・コンセプト策定
「札幌で沖縄の塩を使ったラーメン店」という架空の設定を行い、店名やメニュー構成、店主のキャラクターを設定。 - 競合サイトの調査
近隣ラーメン店のWebサイトを調査し、メニューの見せ方や店舗情報の配置を分析。 - ワイヤーフレーム作成
トップページに必要な要素（こだわり、メニュー、アクセス）の配置を構成。 - デザイン・コンテンツ制作(ロゴ作成・素材集め)
生成AIを活用してシズル感のあるラーメンや店内のイメージ画像を作成・選定。 - WordPressによるサイト制作(WordPressテーマ「Lightning」を使用)
Lightningの機能やVK All in One Expansion Unitを活用し、レスポンシブ対応のサイトを構築
- 企画・コンセプト策定
制作データ
- 制作期間: 【2025年12月〜2026年1月】
- 実稼働期間: 【約3週間 / 40時間】
- 使用ツール・言語: 【WordPress / Lightning / VK All in One Expansion Unit / Gemini (画像生成) / CSS 】
制作のポイント
ポイント①：【ファーストビュー / 世界観の演出】
架空の店舗であっても実在するかのような没入感を持たせるため、ファーストビューにはシズル感のあるラーメンの画像を大きく配置しました。また、「スープは碧の結晶」といった詩的なコピーと合わせ、沖縄×札幌という独自のコンセプトを視覚的に訴求しています。
ポイント②：【コンテンツの信頼性 / こだわりの訴求】
単なるメニュー紹介にとどまらず、「当店のこだわり（スープ・麺・器）」というセクションを設けました。素材へのこだわりをストーリー仕立てで紹介することで、ユーザーに対し「一度食べてみたい」と思わせる動機付けを行っています。また、架空の店長プロフィールを掲載し、親しみやすさを演出しました。
ポイント③：【UXの向上 / 実店舗を想定した機能性】
実際の店舗運営を想定し、ユーザーが最も知りたい情報（メニュー、場所、営業時間）へスムーズにアクセスできるよう導線を設計しました。トップページ下部にはGoogleマップと営業時間を明記し、最新情報を発信するSNS（X・Instagram）のポストを埋め込むことで、集客につながる機能を実装しています。
