n.t.bagel様 公式サイト
ベーグル店の世界観を大切にした、
Lightning 子テーマカスタマイズによる店舗サイト
Overview - 制作概要
- ◯制作期間
- 約35時間（約1ヶ月）
- ◯制作タイプ
- WordPressサイト（Lightning子テーマカスタマイズ）
- ◯担当範囲
-
トップページ改善 / 商品ギャラリー再構成
営業情報（営業日・スケジュール）整理
LINE公式アカウント導入・導線設計
レイアウト調整 / レスポンシブ対応 - ◯主な改善内容
-
ファーストビュー再設計 / Swiper導入
商品ギャラリーの視認性向上 / CTA整理
情報導線の最適化（購入・問い合わせ・営業情報） - ◯URL
Before / After - トップページの改善
- メインビジュアルを大きく配置し、店舗と商品のイメージが直感的に伝わるように調整。
- キャッチコピー・説明文を整理し「どんなお店か」が一目で分かる構成に。
- 営業情報やお知らせ導線を上部に配置し、必要情報に迷わずアクセス可能に。
Gallery - 商品ギャラリーの見直し
- カード型デザインに統一し、写真・商品名・説明の視認性を向上。
- 人気商品・期間限定商品が埋もれないよう情報の優先順位を調整。
- SPでは1カラムでの見やすさを重視したレイアウトに変更。
About - 紹介エリアの改善
- 素材説明・こだわりを追加し、商品の価値が伝わる構成に改善。
- 素材説明はコンパクトにまとめてアコーディオン化
- 写真とテキストのバランスを調整し、視線が流れやすいレイアウトに。
UI改善 - お問い合わせフォーム
- 入力エリアを中央に寄せて視線が自然に流れる構成に変更。
- 上下左右の余白を統一し、フォーム全体が適切なまとまりに。
- スマホでもフォームが読みやすく操作しやすいUIへ調整。
LINE - LINE公式アカウント導入
LINE公式アカウントの開設と、サイト内での導線整備も担当しました。
ヘッダーに「LINEで友だち追加」への誘導を配置し、
お客様がお店の最新情報にアクセスしやすい状態
を整えています。
- LINE公式アカウントの初期設定・プロフィール調整
- サイト内からの友だち追加ボタンの配置・導線設計
- 今後のお知らせ配信を見据えた、運用しやすい構成を提案
Tech - 使用技術
- WordPress（Lightning 子テーマカスタマイズ）
- HTML / CSS
- 簡易的な JavaScript 調整
- OGP / メタタグ設定
- レスポンシブ対応（スマートフォンファースト）
- LINE公式アカウント導入・サイト内導線設計
Points - 工夫したポイント
- 店舗の世界観が伝わるよう、写真とコピーのバランスを意識してトップの構成を調整。
- 商品ギャラリー・営業情報・お問い合わせなど、 「よく見られる情報」から優先して配置するよう導線を設計。
- 既存テーマ（Lightning）の構造を活かしつつ、 必要な箇所だけをカスタマイズしてコストを抑えた改善を実施。
- Contactフォームの中央寄せ・余白の見直しなど、 細かなUI調整による使いやすさ向上にもこだわりました。
- 店舗運営側が運用しやすいよう、 テキスト・画像差し替えのみで更新しやすい構成を意識しています。
このような
既存テーマを活かした店舗サイトの改善 や、
ベーカリー・カフェなどの小規模店舗向けサイトのリニューアルも対応可能です。
「今のサイトをもっと分かりやすくしたい」「スマホでも見やすく整えたい」など、
小さなご相談からでもお気軽にお問い合わせください。