参考になるフィットネス・パーソナルジムのWEBサイトデザイン5選

こんにちは！コーダーのぶんちゃんです。

最近弊社内でも話題に上がるのが運動不足。

パソコンに向かって作業をする仕事なので、どうしても机と椅子とお友達になりがちです。。。

ということで、今回はフィットネス・パーソナルジムのサイトを5つご紹介します！

THE QOLY [ ザ・クオリー ]

THE QOLY [ ザ・クオリー ]は千葉県にある「女性限定クリエイティブ・ボディスタジオ」だそうです。

女性のカラダにフォーカスした写真が配置されており、「かわいさ・楽しさ」よりは、「クオリティー重視」ということが伝わるサイトと思います。
また、全体がモノトーンで統一されており、とてもシンプルなので、写真がより際立つデザインです。

Welvitz

Welvitz（ウェルヴィッツ）は横浜市都筑区のセミパーソナルジムです。

背景にはホワイトの木目調、メインカラーにピンク・白・黒、アクセントカラーはネイビーと、かわいらしい配色がとても印象的です。

ポップな英語のあしらいも親しみやすい雰囲気です。また、店内の様子を動画で見せていることでどのような環境かイメージができ、初見のお客様でも足を運びやすいですよね。

Welvitzの制作実績ページはこちら

パーソナルジム「comme（コム）」

comme（コム）は表参道を拠点とするパーソナルジムです。こちらはそのブランドサイト。

スクロールアニメーションや慣性スクロールが多く取り入れられていて、英文字のあしらいがおしゃれさを演出しているサイトです。
ベージュとグレーの配色もくすみカラーを取り入れており、化粧品ブランドのような落ち着いた雰囲気が印象的です。

REAL WORKOUT

REAL WORKOUTはチケット制のパーソナルトレーニングジムです。

一番最初に目に入ってくるのは様々なユーザーがそれぞれのトレーニングを楽しんでいる姿。
老若男女問わずそれぞれの人に会ったトレーニングをサポートしていくことが伝わります。
また、グリーン系のグラデーションを使用している点がさわやかでスポーティな印象です。
やはりターゲットは老若男女なのかと思います。

ファイヤージム

ファイヤージムは、横浜にあるボディメイクのパーソナルジムです。

何より目を引くのがこのイエローのベースカラーと、トップの燃え盛るロゴの動画！
トレーナーの方の意志が強く感じられ、とても印象的です。
文字の大きさがはっきりとしていたり、見出しがしっかりしていたりと、「情緒を出す」というよりは、「わかりやすさを重視」したデザインです。

ファイヤージムの制作実績ページはこちら

まとめ

今回はフィットネス・パーソナルジムのサイトを5つご紹介いたしました！

タイプの違うサイトをピックアップしてご紹介いたしました。ターゲットにするお客様によっても配色やデザインが大きく変わることがよくわかりますね。

※紹介しているサイトの中で「スピカデザイン制作」と記載があるサイトは弊社の制作実績ですが、その他のサイトはデザイン性が高いためピックアップして紹介させていただきました。掲載の取消をご希望の場合はご連絡いただき次第速やかに対応させていただきます。