WEB DESIGN / GRAPHIC

TSGYM WebサイトのPC表示モックアップ
TSGYM Webサイトのスマートフォン表示モックアップ

PROJECT OVERVIEW

本格的なキックボクシングジムの専門性を活かしながら、初心者や健康づくりを目的とする人にも魅力が伝わるWebサイトを制作しました。

CLIENT
TSGYM
CATEGORY
Web / Graphic

00 BACKGROUND & APPROACH

BACKGROUND

ターゲット層を広げるため、
ブランドイメージを見直す。

既存のWebサイトは、本格的なキックボクシングジムとしての専門性が強く伝わる一方で、初心者や健康づくりを目的とする人には敷居が高く感じられる印象がありました。

そこで競技志向のイメージだけでなく、フィットネスとしてのキックボクシングやマシントレーニングの魅力も伝えることで、幅広い利用者層へアプローチできるWebサイトを目指しました。

APPROACH POINTS

01

ターゲットに合わせた情報設計

初心者や女性、健康づくりを目的とする人にも魅力が伝わるよう、掲載する情報と優先順位を見直しました。

02

親しみやすさを伝えるビジュアル

本格的なキックボクシングジムとしての力強さを残しながら、施設写真やマシントレーニングの情報を取り入れ、初めての人にも通いやすさが伝わるデザインにしました。

03

モバイルファーストによる効率的な設計

スマートフォンを基準に共通性の高いレイアウトを採用し、端末ごとの差分を抑えながら、見やすさと制作コストを両立しました。

01 WEB DESIGN

施設の魅力を、より多くの人へ。

初心者や健康づくりを目的とする人にもTSGYMの魅力が伝わるよう、クラス内容や料金、入会案内などの情報を整理しました。

また、どのページからでも初回体験を申し込めるよう、ヘッダーにLINE予約へのリンクを常時配置しています。

スマートフォンでの見やすさを基準に、PCとの構成差を抑えることで、使いやすさと制作効率を両立しました。

TSGYM WebサイトのPC・スマートフォン表示
TSGYMのクラス案内とスケジュール画面

分かりやすい情報整理

クラス内容やスケジュール、料金などの情報を整理し、利用目的に合った内容を確認しやすい構成にしました。

TSGYMの月会費やチケット料金の比較画面

比較・検討しやすい構成

月会費、チケット、パーソナルトレーニングなどの料金を整理し、目的に合ったプランを比較しやすくしました。

TSGYMの入会案内画面

初回体験につながる導線

どのページからでも初回体験へ進めるよう、ヘッダーにLINE予約へのリンクを常時表示しました。

02 GRAPHIC DESIGN

本格的な強さと、
始めやすさをひとつの
ビジュアルに。

Webサイトと共通する黄色と黒を基調に、キックボクシングの力強さと、フィットネスとしての親しみやすさを両立した広告物を制作しました。

ポスターでは施設やトレーニング内容の幅広さを伝え、キャンペーンバナーでは特典を大きく見せることで、初回体験から入会への行動を促しています。

キックボクシングとフィットネスの魅力を伝えるTSGYMの広告ポスター
初回体験からの即日入会特典を案内するTSGYMのキャンペーンバナー

03 EXPERIENCE

目的と条件に合わせ、
伝わる形へ落とし込む。

本格的なジムとしての強みを残しながら、初心者や健康づくりを目的とする人にも魅力が伝わるよう、情報とビジュアルを設計しました。

制作条件に合わせてPCとスマートフォンの構成差を抑え、デザインからコーディングまで一貫して担当しました。公開後には一般会員が増えたと伺い、ターゲットに合わせた設計の重要性を実感しました。

TARGET

幅広い利用者層へ訴求

初心者や健康づくりを目的とする人にも、施設の魅力が伝わる構成にしました。

PROCESS

デザインから
実装までを担当

情報設計、Webデザイン、グラフィック制作、コーディングまで一貫して担当しました。

RESULT

一般会員の増加

公開後、一般利用を目的とする会員が増えたとクライアントから伺っています。