【実績紹介】洋菓子店あとりえMOMO様のホームページをリニューアルしました

静岡県焼津市の洋菓子店「あとりえMOMO」様のホームページリニューアルを担当させていただきました。

今回はこの案件について、どんな背景があって、何をやって、どうなったかをまとめます。

ご相談の背景

あとりえMOMO様は焼津本店と藤枝店の2店舗を展開されている洋菓子店です。

もともと2022年にBasiyでホームページを制作させていただいたのですが、公開から数年が経ち、デザインや掲載情報が当時のままになっていました。店舗情報やメニューの内容にも現在と差が出てきている状態でした。

また、最近はtoB（法人向け）のお取引も増えてきたとのことで、ホームページの見た目や情報の正確さがより重要になってきていました。

そうした背景から、今回リニューアルのご提案をさせていただきました。

やったこと

大きくは3つです。

デザインの刷新。 洋菓子店らしい温かみのあるトーンをベースに、スマートフォンでも快適に閲覧できるレスポンシブデザインで作り直しました。ヒーローセクションには実際の商品写真をスライダーで表示し、お店の魅力が伝わるファーストビューにしています。

情報の整理と更新。 店舗情報、メニュー、アクセス、お問い合わせなど、お客様が知りたい情報をページごとに整理しました。Googleマップの埋め込みや電話番号のタップ発信など、「調べてすぐ行動できる」導線も意識しています。

SEOとGoogleへの最適化。 ここは見えない部分ですが、しっかりやりました。Googleが店舗情報を正しく認識できるように、構造化データ（JSON-LD）でBakeryスキーマ・商品スキーマ・FAQスキーマを実装。Googleの検索結果でリッチリザルトとして表示されることを確認済みです。

他にも、パンくずリスト、meta description、OGP設定、画像のWebP最適化、アクセシビリティ対応など、表には見えないけれど品質を左右する部分を一つひとつ対応しています。

技術的なポイント

参考までに、今回の制作で取り組んだ技術的なポイントをいくつか紹介します。

WordPressオリジナルテーマ。 既製テーマのカスタマイズではなく、完全オリジナルのテーマをゼロから構築しました。不要なコードがないぶん軽く、お店の要望に合わせた柔軟な設計ができます。

構造化データ（JSON-LD）。 Bakery（店舗情報）、Product（人気商品）、FAQPage（お問い合わせページ内のよくある質問）の3種類を実装しました。Googleリッチリザルトテストで全て有効を確認済みです。これはMEO（Googleマップ対策）にも効いてきます。

パフォーマンス。 Googleが提供するCore Web Vitalsの実測値で、LCP 1.7秒・INP 86ms・CLS 0と全て合格ラインをクリア。画像はWebP変換で元の約85%を削減しています。

Instagramとの連携。 お店のInstagram投稿をトップページに自動表示。CSS animationによる横スクロールで、最新の投稿が自然に目に入る仕組みにしました。お客様からも「Instagramの表示の仕方、いいですね」と好評でした。

お客様の声

リニューアル後、あとりえMOMO様からこんなお言葉をいただきました。

めちゃくちゃいいですね。toBも増えてきたので、信頼感って大事になるよね。

ホームページは「作って終わり」ではなく、お店の成長に合わせて一緒にアップデートしていくものだと思っています。

制作概要

ホームページの新規制作やリニューアルをご検討の方は、お気軽にご相談ください。

→ お問い合わせはこちら