S-Darts様
選手とプロダクトの魅力を引き立てる特設ページ
S-Darts様の特設ページにて、デザインとHTML実装を担当しました。
12人の選手全員が主役として見えることを大切にしながら、メインビジュアルでは迫力と一覧性のバランスを整理。
各選手のバレル紹介セクションでは、商品のかっこよさや選手ごとの個性が伝わるよう、ビジュアルの見せ方、情報の順番、余白の取り方を調整しました。
- DirectionS-Darts
Overview
ご依頼前の状態
- 12人の選手それぞれの存在感をしっかり見せる必要があった
- バレルの魅力が伝わる、かっこいい商品紹介ページが求められていた
- デザイン性だけでなく、HTML実装まで含めたページ制作が必要だった
Approach
整えたこと
-
全員が主役に見えるメインビジュアル
12人の選手の見え方に偏りが出ないよう、配置や視線の流れを整理。特定の選手だけが目立ちすぎるのではなく、ページを開いた瞬間にチーム感と個々の存在感が伝わる構成を意識しています。
-
バレルの魅力を引き出す紹介セクション
各選手のバレル紹介では、商品そのもののかっこよさが伝わるよう、写真・テキスト・余白のバランスを調整しました。情報を詰め込みすぎず、プロダクトの質感や世界観が自然に伝わる見せ方に整えています。
-
デザインを崩さないHTML実装
見た目の再現だけでなく、ページ全体の流れやレスポンシブ時の見え方も意識して実装。選手紹介と商品紹介がスムーズにつながるよう、構成の読みやすさにも配慮しています。
Point
制作ポイント
“商品を並べるだけ”ではなく、
選手とバレルの魅力が一緒に伝わるページを意識しました。
メインビジュアルでは、12人全員が主役として見えることを大切にしながら、ページ全体としては力強く、シャープな印象に。
各セクションでは、ダーツブランドらしいかっこよさを前面に出しつつ、情報が読みづらくならないよう余白や導線を整理しています。
デザインとHTML実装を一貫して担当することで、ビジュアルの空気感を保ちながら、実際のページとして見やすく整えました。
Result
整えたあと
- 12人の選手全員の存在感が伝わるメインビジュアルに
- 各バレルの魅力を引き立てる商品紹介セクションに
- デザインの世界観を保ったHTML実装で、特設ページとしての完成度を整理
