パーソナルジムHPデザイン

▲画像をクリックすると全ページのデザインをご覧いただけます

【概要】
パーソナルジムHPデザイン
担当：デザインのみ

【使用ツール】
XD

【制作背景】
パーソナルトレーニングジムのコーポレートサイトデザインを制作しました。

メインカラーはファーストビューで使用する写真の背景色に合わせて水色を採用し、写真とデザインが自然に馴染む統一感のある仕上がりを意識しています。男女どちらにも違和感なく刺さるよう、特定の性別イメージに偏らない中性的なカラーリングとし、フォントはゴシック体で統一することで幅広い年齢層に読みやすいデザインに仕上げました。

コンテンツごとに背景色を切り替えることでセクションの区切りを視覚的に明示し、スクロールしながら情報を追いやすい構成にしています。ジムの実際の雰囲気や設備が伝わるよう写真を積極的に活用し、入会前の不安を和らげる効果も意識しました。

ナビゲーションはTOPページのコンテンツからもセクションごとにリンクを設けることで、ユーザーが見たい情報にどこからでもスムーズにアクセスできる導線を設計しています。初めてサイトを訪れた方が迷わず「無料体験申込み」まで辿り着けるUXを意識したサイト構成にしました。