パーソナルトレーナー
坂本 拓也
SAKAMOTO TAKUYA
Project Overview
プロジェクト概要
- プロジェクト名
- IRON FORGE
- 業種
- パーソナルジム
- 制作内容
- Webサイト制作
- 対応範囲
- 企画・構成・Webデザイン
- 使用ツール
- STUDIO / Figma
- サイトURL
- サイトを見る ↗
Background & Purpose
制作背景・目的
パーソナルジムを初めて利用する方にも、トレーニング内容やジムの特徴が分かりやすく伝わるWebサイトを目指して制作しました。
力強いトレーニングイメージに加え、利用者が安心して通える雰囲気も伝えられるよう、写真と情報のバランスを意識しています。サービス内容からトレーナー情報までスムーズに確認でき、お問い合わせにつながりやすい導線に整えました。
Design Approach
デザインアプローチ
ブラックを基調とした配色により、パーソナルジムらしい力強さと専門性を表現しました。一方で、自然な光や人物の表情が感じられる写真を用い、ストイックになりすぎず、初めての方にも親しみやすい印象を持ってもらえるデザインを意識しています。
情報を整理して余白を確保し、写真とテキストのメリハリによって内容を直感的に理解できる構成にしています。
Training
トレーニング紹介
Facility
施設・ジムイメージ
Trainer
パーソナルトレーナー
Design Points
設計ポイント
- 01
ジムの特徴が伝わる構成
トレーニング風景や施設イメージを効果的に配置し、サービスの特徴を視覚的に理解できる構成にしました。
- 02
力強さと親しみやすさ
ブラックを基調としながら自然な人物写真を組み合わせ、専門性と親しみやすさの両立を意識しました。
- 03
トレーニング内容への導線
利用を検討している方が内容をスムーズに確認できるよう、情報の順番と視線の流れを整理しました。
- 04
トレーナー情報の見つけやすさ
トレーナーの人物像が伝わる写真を大きく使用し、安心感につながる構成を意識しました。
- 05
スマートフォンでの閲覧性
スマートフォンでも写真と文章を読みやすい順番にし、画面幅に応じて自然にレイアウトが変化するよう設計しました。