「【Webデザイン/トップページのみコンペ】サービスサイトデザイン依頼」へのydreamanさんの提案（No.2）

メンバーからのコメント

A案
https://field-notice-33645381.figma.site/

B案
https://dreaman.co.jp/sample/250403/golf_base_camp_mock.html

C案
https://dreaman.co.jp/sample/250403/golf_base_camp_gsap_full.html

提案コンセプト
本案では、ゴルフ練習施設としての機能訴求だけでなく、
「通いたくなる空間」「雰囲気の良さ」「スマホで見た時の分かりやすさ」を重視し、
西海岸テイストの上質感とサービスサイトとしての実用性を両立するトップページデザインをご提案いたしました。
参考テイストとして挙げられていたサイトのように、
余白・写真の見せ方・文字組みによって世界観を整えつつ、
単に雰囲気が良いだけではなく、料金・特徴・体験導線が伝わりやすい構成にしています。
デザインで重視した点
今回のデザインでは特に以下を重視しました。
• スマートフォンでの見やすさを最優先
• 料金表をスマホでも理解しやすく整理
• 白・黒・緑を軸にした清潔感と上質感
• 実装しやすく、WordPress運用しやすい構成
• テキスト差し替えや更新がしやすい情報設計
依頼概要では、スマホ利用者が多く、スマホでの見栄えを第一にしてほしいこと、また料金表の見せ方が採用基準の一つであることが明記されていたため、
料金セクションは表組みではなくカード型＋視覚的に理解しやすい補助表現で整理し、閲覧負荷を下げています。
構成意図
ファーストビューでは、
「24時間・インドアゴルフ・GYM・西海岸テイスト」という価値が一目で伝わるようにし、
その直後に特徴、レッスン、料金、キャンペーン、施設写真、アクセスと、
ユーザーの検討順に沿って自然に読み進められる流れにしています。
追加指定されていたキャッチコピーも、世界観を損なわずに視認性高く配置する想定です。
実用面への配慮
採用基準として、デザイン性だけでなく、
コーディングしやすさやWordPress運用しやすさも重視されていたため、
本案では装飾過多を避け、
CSSで再現しやすい1カラムベースの整理されたレイアウトとしています。
そのため、デザインデータ受領後の実装負荷や、公開後の更新負荷も抑えやすい構成です。
まとめ
本案は、
**「おしゃれさ」「見やすさ」「使いやすさ」「運用しやすさ」**の4点をバランス良く満たし、
コンペ評価軸に対して総合点を取りにいく設計です。
ゴルフ施設らしい機能訴求はしっかり行いながら、一般的な施設サイトよりも一段上の印象を与えることで、
サービス全体の魅力向上にもつながるデザインを目指しました。