【新規ホームページ制作】EAGLE BASE様（東京武蔵小山）｜ホームページ制作9800円～東京台東区のエグゼクティブクリエイション/反響重視のホームページ制作

弊社webサイトをご覧いただき、新規開業に伴うホームページ制作をご発注いただきました東京武蔵小山駅近くのEAGLE BASE様です。ブラックと高級感のあるGoldがベースカラー、シャープでカッコイイイメージを重視しデザイン制作を行いました。

背景レイヤーがホワイトのため、各コンテンツ毎の区切りが分かりやすくメリハリがあります。カラーリングの組み合わせ的に暗くなりやすいので、メインビジュアルや各バナー等へ使用する画像について、明度と彩度が高い写真を中心に使用しています。

新規開業なので通常よりも特にホームページの印象がそのまま店舗イメージへと直結しやすいため、オーナー様の店舗作りのコンセプトをビジュアルへ反映できるよう工夫しました。

東京武蔵小山のEAGLE BASE様：新規ホームページ制作実績

TOPデザイン制作時の重点

こちらの新規開業のパーソナルトレーニングジム様は、東京目黒区といった東京都心にジム店舗を構えるため、都会的な印象となるよう工夫しました。

メイン画像はjQueryで3枚の画像が時間と共に、自動的に切り替わる仕様にしており、夕暮れから夜になる時間帯の鮮やかな東京タワーの写真を入れています。他2枚はプロフェッショナルなイメージを重視したトレーニングのイメージ画像をレイアウト。

中央には鷹/イーグルをモチーフとしたスタイリッシュなジムロゴを大きめに配置。印象的な大サイズの1枚画像の上へ英字をのせることで、デザイン的に優れた見せ方となります。

メインビジュアルから次のコンテンツは、GRAND OPEN CAMPAIGNの告知バナーを置いています。こちらはユーザーに閲覧してもらえるよう、目立つように且つ全体的なサイトイメージに沿う打ち出し方を行っています。新規OPENキャンペーンは開業時の1回のみで、ここでどれだけの顧客を獲得できるか？によって、その後の経営の安定化にも左右するため、重要なキャンペーンと言えます。

3段目のコンテンツは、ジムのメインコンセプトを掲載。鍛え抜かれた肉体でトレーニングへ励んでいる男性の画像を活かした見せ方をしています。黒背景に白字でシンプルに、文字間/改行等を調整し読みやすく仕上げています。

4段目はEAGLE BASE様の特徴として、無理のない習慣化・ボディメイク・トレーニングだけでなく食事面も指導といった3点をイメージ画像と共に見せています。

こちらは日本語タイトルの背景へ、タイトル文字と被るように英字体を大きめにレイアウト。またメリハリ・デザイン面を考慮し、中段重要部分はゴールドで配色。

その下はトレーニング時のPOINTとして4点を掲載。「開放感のあるプライベートジム」「各個人の目的に沿ったトレーニングプラン設定」「目標に合わせたパーソナルトレーニング指導」「こだわりのトレーニング機材」といった内容を打ち出しました。

コンテンツ制作時は各POINT下の説明textを細かく読まなくても、タイトルとイメージ画像である程度の内容が想像できる点を重視しました。

ページ下段はパーソナルトレーニング時の具体的な料金プラン表やホームページ新着情報、ブログ新着情報、店舗アクセス等の情報を載せています。ページ最下部のフッターも都会なイメージで、シャープにデザイン。

初めてwebサイトへ訪れたユーザーの期待値が上がるビジュアル表現を意識しました。メインビジュアル部分からページ中段へとスクロールした際、自動的に右下へ表示される別枠リンクメニューは「LINE問い合わせ」と「メール問い合わせ」の2つのボタンを置いています。PC経由のユーザーとモバイル系のユーザーを意識しています。