TRASPコラム

参考にしたいジムのホームページデザインまとめ

NEWS

ホームページのデザインは、見て頂く方に向けて、自社の事業や商品をアピールするだけでなく、安心感や信頼感を伝える役割があります。
今回はジムのホームページをTRASPが独自に厳選し、参考になるポイントを紹介して行きます。

皆様がホームページをお作りになる際の参考にしてみてください。

 

チャチャリート

 

https://chacharito.jp/

 

六本木・表参道・西麻布・代々木上原に店舗を持つパーソナルジム、チャチャリートさんのホームページ。

引き締まった体の女性のトレーニング風景を画面いっぱいに使った大胆なファーストビューが目を引くサイトです。

メインビジュアル下に会員様の声として現役の医師の声を掲載されており、トレーニングの効果への信頼感と安心感を抱きます。

体験レッスンのお申し込みのリンクは黒ではなく、オレンジ色にしてリンクを目立たせ、“簡単予約30秒!”の文言を付け足すことでぐっとお問い合わせのハードルが下げて、お申し込みが手間と思っている方には効果的なデザインになっています。

 

 

b-monster

 

https://www.b-monster.jp/

 

NYで話題になっている暗闇フィットネスを用いたトレーニングジム、b-monsterのサイトです。

トレーニングジムというと男性的なイメージがありますがb-monsterの代表は女性で、サイトで使われているお写真も女性が映っているものが多く、男性だけではなく女性でも体験できることをアピールしています。

求めている顧客層が女性なのか、男性なのか、年齢層は何歳くらいか、などを考えてデザインすることも重要です。

新着情報や現在行われているキャンペーン情報の一覧がTOPページですぐに分かるのも好印象です。

 

 

BASE CYCLE

 

https://www.basecycle.jp/

 

福岡の暗闇バイクフィットネススタジオ BASE CYCLEさんのホームページです。

トレーニング風景の動画をメインビジュアルとして用いており、ファーストビューでどんなトレーニングをしているのかが一目で分かります。閲覧者によっては動画を見た時点で合わないかもと考え、サイトから離れてしまうかもしれませんが実際にトレーニングをしてみたときに感じるギャップをなくすことができます。

店内は黒でまとめられていますがサイトで使われているお写真は明るいものが多く、ポイントカラーとして爽やかなミントグリーンや水色が使われているので暗いイメージを抱かないデザインになっています。

 

 

TEETER TOTTER

 

http://www.teeter-totter.tokyo/

 

東京都渋谷区にあるコンディショニングルームTEETER TOTTERさんのホームページです。

TEETER TOTTERさんはトレーニングだけでなく、鍼灸・マッサージ・運動療法を組み合わせたプログラムを提供しており、ストイックなジムのイメージを感じさせない、オレンジ色をポイントに使った温かいデザインになっています。

店名のTEETER TOTTERにはシーソーという意味でローディング画面やロゴにシーソがイラストが入っていたり、ABOUTやPHOTOのところでも症状をイラストで表現していて親しみやすさを抱きます。とくにPHOTOで登場する犬に引きずられていくおじさんは思わずくすっと笑ってしいます。

 

 

TRASP制作事例のご紹介

つづいては、実際にTRASPで制作させていただいたジムのサイトも紹介させていただきます。
TRASPでは日々様々なサイトを見てデザインの考察をし、ホームページや業種ごとのトレンドなどを意識しながら、お客様らしい、エンドユーザー様に伝わりやすいサイトを作り上げています。

これからサイトを作られる方、サイトの改善をしたい方の参考になりますように。

 

ウェルネスデザイン(Unleash)

 

https://unleash-personal.com/

 

岡山県岡山市でにあるパーソナルトレーニングスタジオ Unleash(アンリーシュ)様のサイトを制作させていただきました。Unleash様は幅広い層の女性のご利用されていたので、サイトのカラーは落ち着いた赤色にし、若い世代から年配の方にも好感を持っていただけるデザインに仕上げました。

こちらのスタジオのオーナーは既存のブログをこまめに投稿されていたので、定期的に開催されているイベントと成功体験、新着情報の投稿をわけてのせさせていただきました。成功体験では撮影されたお写真が見やすいようにスライダーを使い、施術風景のお写真が複数切り替わるようになっています。

 

 

 

ご利用者に特に多いお悩みをピックアップして掲載し、閲覧者に共感を持っていただけるようにしました。そこから、共感を持った閲覧者に実際にどんなトレーニングを行っているのかを知っていただけるようにUnleash様のトレーニングをご紹介しております。

ページの構成は閲覧者がテンポよく見ることができるように流れを工夫して制作しております。

 

 

 

Unleash様ではダイエット・ボディメイク・加圧サイクルトレーニングの3つのトレーニングを行っており、TOPページではトレーニング内容が長くなりすぎないように端的にご紹介しています。

伝えたい情報を一度にすべて載せてしまうと情報量が多くなり、ページから離れやすくなってしまいます。なので別ページにて詳しい内容を掲載し、それぞれのトレーニング内容へのリンクは分けて設置し、閲覧者が悩まずに知りたい情報を見ることができるようにしております。

 

 

 

■■ point ■■

・ブログや開催中のイベントはどんどん発信しよう

・よくあるお悩みを掲載して共感してもらおう

・ページの流れを作り、テンポよく見れるようにする

・一度にたくさんの情報を載せすぎないようにする

2020.05.22

CONTACTWeb制作などのご相談やお見積もりなど

page top
© TRASP.inc All Rights Reserved.