サイト構築の背景と課題について

大阪の谷町四丁目にあるベーグル専門店「フォースストリートベーグル」の公式通販サイトのリニューアルを担当しました。

1997年の開業以来、伝統的な製法にこだわる「フォースストリートベーグル」は、特に女性客からの支持を集め、近年では雑誌やWebメディアにも度々取り上げられています。しかし、20年以上前に構築された旧ウェブサイトは現在の店舗の魅力を充分に伝えきれていない状態でした。

この問題に対処するため、私たちはウェブサイトの全面リニューアルを行うとともに、それを軸に店舗運営の改善やビジネス戦略の策定に関するコンサルティングも実施。ランチタイムの混雑、生産能力の限界など、さまざまな課題への対応を目指しました。

課題解決へのアプローチ

当社ではこれらの課題に対して、主に以下のアプローチを試みました。

ビジュアルイメージの刷新

ターゲット層が女性であること、オーナーが50代の男性ということを踏まえ、可愛くなりすぎず、現代的ながらも温かみを感じるデザインを採用しました。また、人気商品であるランチ用ベーグルサンドの魅力が伝わるデザインに仕上げました。

取り置き予約と通販を両立するカートシステム

多くのショップでは、取り置き予約商品と通販商品は、送料の有無や受取時間の設定などが異なるため、一つのカートシステムで同時に扱うことが難しいとされています。その結果、通常は取り置き予約に電話受付や専用の注文フォームが用いられることが一般的です。これに対し、当サイトではこれらを融合し、一つのカートで簡単に管理できる仕組みを低コストで開発しました。これにより、売上と顧客管理がよりシンプルになり、利用者は無駄な混乱なく、スムーズに購入手続きを完了できます。

テイクアウト商品と通販商品を同時にカートに入らない仕組みを構築

操作性とユーザー体験の向上

PC、スマートフォン、タブレットでの使用を想定し、端末ごとに最適化を図りました。PCでは、画面右側に常時カートを表示することで、ユーザーが商品選びと同時に注文内容を確認できるようにしました。これは「まとめ買い」をする際の利便性を考慮したものです。この仕組みにより、顧客は複数商品の注文時でも、カートの中身を頻繁に確認する必要がなくなり、注文プロセスがよりスムーズになります。

PCでは右カラムにカートの中身が表示され、数量と価格がリアルタイムで反映されます

商品撮影の内製化

食品ECサイトでは、写真のクオリティが非常に重要です。日々変わる飲食店のメニューのために、毎回プロのカメラマンを雇うのはスピードとコストの面で非現実的です。そこで、当社では簡易な撮影マニュアルを作成し、写真撮影に詳しくないスタッフでも高品質な写真が撮れるようにしました。

QRコード付きのチラシとランディングページ

地域の住民に向けたチラシには、割引クーポンと共にQRコードを掲載。このQRコードからアクセスされるランディングページでは、キャンペーン情報を詳細に掲載し、取り置き予約の利便性を強調しました。また、チラシ経由の来店者数を正確に追跡できるシステムを導入し、マーケティング効果の分析に役立てています。

QRコードからのアクセス数を追跡することで、ポスティングの投資対効果を測定

その他のマーケティング施策

卸販売用ページの作成とInstagramとの連携を含む、複数の集客チャネルを構築しました。これにより、ウェブサイトをマーケティングの中核として最大限に活用する仕組みを実現しました。

まとめ

本プロジェクトに関わるにあたって、国内のパン屋のウェブサイトの利用状況を調査した結果、ほとんどのお店がインスタグラムや食べログなどの口コミサイトに依存していることが明らかになりました。これらのプラットフォームは有効なツールですが、アルゴリズムの変更により、投稿の露出が減少したり、口コミサイトの評価が売上に大きく影響するリスクがあります。

一方で、自身のウェブサイトを持つことで、これらの外部要因の影響を最小限に抑えつつ、デザインやコンテンツ、顧客とのコミュニケーション方法を自由に決めることができます。また、検索エンジンを通じて新規顧客を獲得し、訪問者のデータを分析して、より個別化されたマーケティング戦略を立てることも可能です。

このように、ウェブサイトとソーシャルメディアを組み合わせた統合的なデジタルマーケティング戦略は、ビジネスの安定性を高め、成長の機会を創出することができます。

お客様の声

公開後まだ1ヶ月しか経っておりませんが、クーポン発行による利用促進施策が功を奏し、取り置き予約の利用者が着実に増えています。前日に注文が入り、決済も完了しているため、レジ担当の負担が軽減されるだけでなく、お客様は行列に並ぶ必要がなく、ほしい商品を確実に購入できるようになり好評です。他にも卸への問い合わせが増えたり、ホームページ経由でアルバイト応募があったりと、リニューアルによる様々な効果が見られています。これまでホームページは必要ないと考え、オープン当時から放置していましたが、多くの面でその効果を実感しています。また、お客様からはデザインが綺麗になったとのお褒めの言葉も多く、スタッフ一同大変喜んでいます。

クライアント
手作りベーグル専門店 4th street bagel
事業内容
ベーグルの製造、販売
当社担当範囲
コンサルティング / コンテンツ企画・開発 / デザイン / shopify構築
サイト仕様
Shopify
URL
https://bagel.jp
クレジット
  • Produce : 見元俊一郎
  • Direction : 永田健二
  • Art Direction & Design : 見元俊一郎
  • Photograph : 見元俊一郎
  • Front-end Engineering : 仲田礼子

あわせて読みたいブログ記事

Shopify導入についての詳細は下記よりご覧ください。

ShopifyでECサイト構築&店舗DX 無料相談受付中!