Works — Personal Gym

FORGE
Personal Training

映画のタイトルのように始まる、大人のための本格パーソナルジム。黒と真鍮の4色だけで組み、重く、ゆっくりした動きで「ほかのジムとは違う」と感じてもらうサイトです。

パソコンの画面（1920×1080）で、トップページを上から下までスクロールした様子です。

Design Pointsデザインのポイント

Point 01
映画のオープニングのような導入
黒い帯が上下に開き、写真がゆっくりズームしながら「FORGE YOUR NEXT DECADE.」が現れます。最初の数秒で、お店の世界観に引き込みます。
Point 02
色を絞って、高級感を出す
グラファイト・アイアン・真鍮・ボーンの4色だけで組み、見出しは細長い英字の書体で統一。派手さではなく、落ち着いた重さで上質さを伝えています。
Point 03
長い説明も、飽きずに読める
プログラムの紹介では、右の説明を読み進めると左の写真が切り替わります。文章が多くても、目線が止まらない構成です。
Point 04
体験から入会までを5ステップで
縦長の大きな数字で流れを示し、料金、よくある質問、予約フォームへ自然につなげています。

カラー

#121314背景（グラファイト）#2A2C2E面の色（アイアン）#C2A36Bアクセント（真鍮）#EAE6DF文字（ボーン）

フォント

Bebas Neue（英字の見出し）／Zen Kaku Gothic New（和文）

ページの構成

動き

すべての動きを遅く、重めにそろえました。画面全体にうっすらフィルムの粒子を重ね、映画のような質感を出しています。

※自主制作：架空の店舗を想定して、当社が制作したオリジナルデザインです。店舗名は架空のもので、住所・電話番号は仮の表記です。写真はイメージです（Unsplashの写真を使用）。