作品別詳細ページ_Web6

作品
作品別_HP-golf

Golf Base Camp 様

作品別カードgolfgym
作品別_HP-golf

Golf Base Camp 様

作品別カードgolfgym

新規集客を目的としたスポーツ施設のサービスサイトデザイン

 ※コンペ提案として制作したデザインです(未採用)

概要

ゴルフ練習場とフィットネスジムを併設したスポーツ施設の、新規顧客獲得を目的としたサービスサイトのトップページデザインです。

本作品はコンペ提案として制作したもので、初めて利用する方にもサービス内容が直感的に伝わるよう、視覚的な分かりやすさと導線設計を意識しました。

課題設定
  • サービス内容(ゴルフ×ジム)が一目で伝わりづらい
  • 初めて利用する方にとって利用ハードルが高い
  • 予約までの導線が分かりにくい可能性がある

これらを踏まえ、「初見でも理解できる構成」と「迷わず行動できる導線設計」を課題としました。

設計・デザインの工夫

ターゲットを「運動習慣を求める30〜50代の男女」と想定し、安心感と信頼感を与えるグリーンを基調とした配色で設計しました。

ファーストビューでは「インドアゴルフ×ジム」というサービスの特徴を明確に打ち出し、利用イメージが湧くビジュアルを配置しています。

また、
・特徴 → 料金 → 施設 → 利用の流れ → FAQ
といった情報の流れを整理し、段階的に理解できる構成にしました。

CTA(予約・体験)ボタンを複数箇所に設置し、スクロール中でもスムーズに行動へ移れる導線設計としています。

制作を通して

コンペ形式の案件として制作したことで、「限られた情報の中でターゲットや課題を自ら設定し、デザインに落とし込む力」の重要性を実感しました。

見た目のデザインだけでなく、ユーザーの理解と行動を促すための情報設計・導線設計が成果に直結することを学びました。

補足15

新規集客を目的としたスポーツ施設のサービスサイトデザイン

※コンペ提案として制作したデザインです(未採用)


テキスト_概要
テキスト_課題設定
  • 初めて利用する方にとって利用ハードルが高い

これらを踏まえ、「初見でも理解できる構成」「迷わず行動できる導線設計」を課題としました。

テキスト_設計・デザインの工夫

ファーストビューでは「インドアゴルフ×ジム」というサービスの特徴を明確に打ち出し、利用イメージが湧くビジュアルを配置しています。

また、
・特徴 → 料金 → 施設 → 利用の流れ → FAQ
といった情報の流れを整理し、段階的に理解できる構成にしました。

テキスト_制作を通して
補足15

ユーザー導線を意識したTOPページデザイン

 ※画像内をスクロールしてご覧いただけます。

TOPページ全体の流れが伝わるよう、画像内をスクロールしてご覧いただけます。

PC版デザイン
PC版デザイン
スマートフォン版デザイン
スマホ版デザイン

よろしければ、他の事例もご覧ください。

スマホ見出し_otherworks

よろしければ、他の事例もご覧ください。

一覧_日本整体院
一覧_LINE
コンタクト_背景
コンタクト_テキスト

sp_コンタクト_背景
TOP / Works / About me
コンタクト_背景
コンタクト_テキスト

sp_コンタクト_背景
TOP / Works / About me