【ホームページ制作実績】TRAINER'S BOX/フィットネス学習型コミュニティー｜ホームページ制作9800円～東京台東区のエグゼクティブクリエイション/反響重視のホームページ制作

「フィットネストレーナーのための専門知識提供」「キャリアアップ支援」を目的としたTRAINER'S BOXのwebサイトをご紹介します。

トレーニング、フィットネスに関する基礎知識から最新情報まで学ぶことができる環境の提供と、プロのキャリアアドバイザーによる就職/転職サポートを行うホームページのため、デザインは活発で前向きなイメージ重視で制作。カラーリングも透明感のあるブルーとポップさを表現したい時に使われるイエローをメインカラーとしています。

キャリアアップを目的としたwebサイトということで、全体的に人物・顔写真を中心とした構成になっています。専門知識を得ながら、プロのトレーナーとして活き活きと活躍する印象をユーザーに対し与えられるビジュアルを意識。また各コンテンツについて、シンプルながらもインパクトがあり、ユーザーの目をひくようなビジュアル表現を行っています。

制作ホームページ解説：TRAINER'S BOX

TOPデザイン制作時に重視したポイント

表紙となるトップデザインの印象はサイト全体へ影響を与えるため「訪問者に対し与えたい印象」がブレることのないよう、魅力的なデザインへ仕上げることが大切です。今回のトップページデザインはLP形式で縦長のため、ページ全体の統一感よりも、ユーザーに飽きの来ない見せ方を重視しました。

特に中段から下段コンテンツは敢えて不規則な並びにすることで、単調でなくなり、見応えのあるページになります。こういったデザイン的変化を加えることで、縦長構成のページでも下段までしっかり閲覧されるようになり、単調感も排除できます。

ファーストインプレッションとして重要なメイン画像は「楽しくトレーニングレクチャーを行っている様子」と「真剣な眼差しでトレーニング指導へ励んでいる画像」へ目線がフォーカスされるようデザイン。右部へキャッチコピーを配置していますが、簡潔な文章でシンプルに表現することで、ユーザーへ内容が伝わりやすくなります。

「FEATURE」の項目では、フィットネス知識の向上とプロトレーナーとしてのキャリアアップ支援についての内容を打ち出していますが、こちらはBOX/箱からトレーナーさんやキャリアアドバイザーさんが飛び出ているような見せ方で、遊び心を出しています。ですが自然と視線がこちらのコンテンツへ行くようになっています。　　

「KNOWLADGE/トレーナーの基礎知識」は、トレーナーズボックスではどのような知識提供があるのか？どういったフォローを行ってくれのか？等を掲載。

知識提供型コンテンツは近年、制作ホームページに対するSEOとしても大切です。サイト訪問者/ユーザーに対し十分な情報を与えられるよう、しっかりコンテンツ作りを行うことが重要で、こちらではトレーニングや栄養、解剖学に関する内容を凝縮しています。

また「SOLVING/お困り事の解決」や「MERIT/利用メリット」「トレーナーとして必要な4つのテーマ」のコンテンツでは、部分部分にブルー・紺色のレイヤーを重ねることで、クールな印象となっています。全体的にPOPで揃えるのではなく、途中でクールなデザインイメージを挟むことで、コンテンツのメリハリを出しています。