S-Darts台北店様
新店舗オープンに向けた導線設計と情報整理
新店舗オープンに向けた情報発信ページとして、ランディングページのデザイン・実装を担当しました。
今回のページでは、単純に店舗情報を掲載するだけではなく、初めて店舗を知るユーザーでも「どんな場所なのか」「どんな雰囲気なのか」が自然に伝わるよう、情報の流れから整理しています。
特に、海外ユーザーや旅行中のユーザーが閲覧するケースも想定し、アクセス情報や店舗導線はできる限り直感的に理解できる構成へ調整。
写真・余白・テキスト量のバランスを整えながら、視線が止まらずに読み進められるレイアウトを設計しました。
また、スマートフォンでの閲覧を前提に、スクロール時のテンポ感やCTA位置、情報の切り替わり方も細かく調整。
店舗の世界観を保ちながら、必要な情報へ自然に辿り着けるページ構成を目指しています。
Overview
ご依頼前の状態
- 新店舗オープンに向けた情報発信ページが必要だった
- 店舗の魅力や空気感を整理して伝える必要があった
- 海外ユーザーにも分かりやすいアクセス導線が求められていた
Approach
整えたこと
-
店舗理解が深まる情報構成
ページを上から順番に読むだけで、店舗の特徴や利用イメージが自然に伝わるよう情報を整理。写真の配置やテキスト量を細かく調整しながら、視線誘導を意識した構成に設計しました。
情報を詰め込みすぎず、余白を活かすことで店舗の空気感も感じられるバランスに調整。
「情報ページ」になりすぎないよう、世界観と可読性の両立を意識しています。 -
海外ユーザーを意識したアクセス導線
現地ユーザーや旅行中の閲覧も想定し、Googleマップの表示言語も台北仕様へ調整。
住所だけで終わらせず、アクセス時のストレスを減らせるよう、ページ内の導線全体を整理しました。
海外向けページでは、デザイン以上に「迷わず辿り着けること」が重要になるため、細かなUIや情報の並び順まで配慮しています。 -
スマホファーストでの実装調整
閲覧環境の大半がスマートフォンになることを前提に、余白量や改行位置、ボタンサイズまで細かく調整。
スクロール時に情報が単調にならないよう、写真サイズや情報ブロックのリズムも意識しながら実装しています。
実装面では更新性も考慮し、今後の店舗情報追加にも対応しやすい構成で制作しました
Point
制作ポイント
“情報を載せるだけのLP”ではなく、
店舗へ向かう体験まで含めた導線を意識
今回のLPでは、単純な店舗紹介ページにならないよう、「閲覧体験」の設計を重視しています。
例えば、写真を大きく見せる箇所と情報を整理して見せる箇所にメリハリをつけることで、スクロール時のストレスを軽減。
余白を活かしながら、店舗の雰囲気や空気感が自然に伝わるよう調整しました。
また、海外向け要素が含まれるため、アクセス導線やGoogleマップの言語設定など、実際の利用シーンを想定した細かな調整も実施。
デザインだけで完結せず、「来店までの流れ」を意識しながら実装まで一貫して対応しています。
Result
整えたあと
- 店舗の魅力や雰囲気が視覚的に伝わるLPに整理
- 海外ユーザーにも配慮したアクセス導線を構築
- スマホでも読みやすく、来店導線が分かりやすいページへ改善
