ダークグレーをベースに、トレーニングする生徒たちの肉体美をアピールしたカラフルな画像をレイアウト。画面を下方にスクロールすると、フィットネスプログラムや無料のトレーニングガイドをチェックできます。トップページのグローバルナビにて、担当するインストラクターの紹介や開催されているイベント情報を確認できます。見出しのすぐ下にあるボタンからトレーニンググッズを購入したり、詳細なトレーニング内容がわかります。下層ページにて、LES MILLSクラブの無料トライアルが申し込めるような流れになっています。オレンジの「クラスを探す」ボタンをクリックすると、すべてのクラスの中からユーザーご希望のクラスを選択できます。
執筆者
カテゴリ
基本情報
スポーツに関連するデザイン
-
「Nike Basketball」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、NIKEのバスケットボール・シューズを紹介しています。グローバルナビにて、NIKEのブランドウエアやシューズなどを案内しています。トップページの中央に、「NBAオー...
-
「PUMA」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、PUMAのブランド商品を紹介しています。グローバルナビにてレディースやメンズ、コレクションやセールなどを案内しています。買い物カゴのマークから、プーマジャパンのオン...
-
「YONEX」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、YONEXのスポーツウエアを紹介しています。グローバルナビにてヨネックスの会社概要、スポーツ情報などを案内しています。スポーツ情報のページはバドミントンやテニス、ゴ...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
カラフルを使ったデザイン
- 「TWKS」のホームページデザイン解説
素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
-
「SOLES GAUFRETTE」のホームページデザイン解説画面右半分にスライドショーで切り替わる画像領域を設置して、左側に大きくテキストを表示したファーストビューが、目を引く演出になっています。画像が切り替わると同時にテキストも切り替わり、画面全体に大きな動きがあることで興味を抱かせる効果となって...
-
「MUTEK」のホームページデザイン解説ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
かっこいいなホームページのデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...