ステーキハウス ウェブサイト制作
Web制作2020年5月2026-09-15T14:04:40

ステーキハウス ウェブサイト制作

制作時期
2020年5月
制作期間
6
使用技術
WordPressPHPJavaScriptTailwind CSS

プロジェクト概要

ステーキハウス様のウェブサイトを制作致しました。スマートフォン時代に適応すべく、訪問者にも分かりやすいウェブ制作を心がけました。

クライアントの課題

知ってもらうことが大前提である飲食店経営として、出来る限りGoogle Business Profileの活用や露出の増加を考えました。

また、予算に応じて出来る限り出来るカスタマイズと、先行く拡張を考えた作りとして提供致しました。

  • メニューデータをそれぞれ取り出せるようなデータ構造
  • データ設計を適切に扱い、混同しないように。
  • SEO、MEOの最適化

ソリューション

WordPressを使用して、日常のタスクとしてWordPressの更新だけでGBPにも同期がされるよう、また投稿データによって適切に見え方を変えて、訪問者に分かりやすい訴求を行う実装を行いました。

採用技術

フロントエンド

  • レスポンシブデザインによる見た目の統一化

バックエンド・CMS

  • GBP用カスタムプラグインの開発
  • データ構造の最適化

パフォーマンス最適化

  • WordPressにおけるキャッシュマネジメントの最適化
  • 静的生成とキャッシュ戦略の最適化

プロジェクトの成果

パフォーマンス

WordPress内で完結することと、予め画像が多くなることは分かっていたので、画像を適切に素早く配信できるようにCDNを介してパフォーマンスに優れた設計を行いました。

運用性

ブログ感覚で更新ができるよう、シンプルな構成でお引渡しを行いました。

技術的なチャレンジ

このプロジェクトでは、以下の技術的な取り組みを行いました:

  • Googleから提供されているAPIは適所適切に扱い、どこで見ても正しくデータが共有されている状態に。(NAP整合)
  • パフォーマンスとSEOの両立

まとめ

コロナ禍という中でもデリバリーメニューへの展開など、事前にデータ構造を整理していたことによって方針の変更も素早く行えました。
また、なるべく印象の訴求を大事にすべく、ブロックレイアウトで写真を大きく使用し、魅力的なウェブサイトに仕上がったと思います。