飲食専門家名鑑
- LP
- wordpress
- コーディング
担当範囲
コーディング
サーバーアップ
WordPress構築(オリジナルテーマ)
制作期間
5日間
概要
- 飲食店経営者向けサービス「飲食専門家名鑑」のランディングページのコーディングを担当しました。
- 「飲食専門家名鑑」は、集客・デザイン・内装・食材・士業・エンタメなど、飲食店経営に関わる幅広い専門家を紹介するサービスです。
- 飲食店経営者が抱える「誰に相談すればよいかわからない」という課題に対して、必要な専門家とつながるきっかけを提供するLP制作でした。
- デザインデータをもとに、PC / SP 両対応のレスポンシブ対応で実装。
- WordPress環境への組み込みを行い、Contact Form 7を使用したお問い合わせフォームや、LINE登録への導線も実装しました。
- CSS設計では保守性を意識し、セクションごとに役割が分かりやすいクラス設計(FLOCSS)でコーディングしています。
こだわり
- ファーストビューでは、サービス内容とメリットが一目で伝わるよう、テキスト・バナー・メインビジュアルの配置バランスを意識して実装しました。
- 「こんなお悩みはありませんか？」「飲食専門家名鑑とは？」「掲載している専門家の一例」「ご利用の流れ」など、ユーザーがサービス内容を段階的に理解できるよう、情報の流れを意識したマークアップを行っています。
- PC / SP それぞれで見やすく操作しやすいレイアウトになるよう、余白・文字サイズ・画像の見え方を調整しながらレスポンシブ対応を丁寧に実装しました。
- LINE登録ボタンやお問い合わせフォームなど、ユーザーの行動につながるCTAが分かりやすく見えるよう、導線設計にも配慮しています。
- WordPress環境に組み込むことで、フォーム管理やサイト運用がしやすい構成にしています。