FairHope workS

FairHope workS コーポレートサイト制作

オリジナルCMSサイト
https://fairhopeworks.net/

静岡県静岡市で、自転車や小物パーツの塗装、BMXスクールなど、さまざまな事業を展開する「FairHope workS」様のコーポレートサイト制作です。幅広い事業をわかりやすく伝えること。そして、ブランドの個性が伝わる、高級感と遊び心のあるデザインにすること。この2つを軸に、撮影からデザイン、構築まで一貫してご支援しました。


ご依頼背景

自転車や小物パーツの塗装、BMXスクール、トークジャムなど、さまざまな事業を手がけるなかで、ブランドの魅力がしっかり伝わるサイトを作りたい、というご要望がありました。なかでも塗装とBMXスクールは、特に広めていきたい事業です。ほかの事業もあわせて分かりやすく紹介しながら、インパクトと高級感のあるデザインで、ブランドの個性を印象づけたい。そんなお考えから、弊社にご相談いただきました。


抱えていた課題

  • 塗装、BMXスクール、トークジャムなど、幅広い事業をわかりやすく伝える必要があった
  • ブランドイメージを強化するため、ビジュアルを一新したかった
  • 各事業の料金やよくある質問など、詳しい情報をしっかり伝えたかった
  • ステッカーにも使える、ロゴがほしかった

アプローチ

  • 事業の幅広さがひと目で伝わるよう、トップページから各事業の詳細ページへ進める導線を設置
  • 情報に厚みを持たせるため、事業ごとの詳細ページを作成し、概要と料金、よくある質問を掲載
  • ファーストビューのインパクトを高めるため、大きな屋号名のタイポグラフィと、サークル状の動画を配置
  • 高級感のなかに、大人が見てもワクワクする遊び心を出すため、スクロールやマウスカーソルに合わせた動きを実装

高級感と遊び心を、同じ画面の中に

塗装やBMXスクールなど、さまざまな事業の魅力を、ひとつのサイトで自然に伝える必要がありました。
サイト全体は黒を基調にまとめ、ボタンや番号に赤を差して、引き締まった高級感のある印象にしています。余白をたっぷりとり、直線的なラインや大きな文字、写真を組み合わせて、ブランドの世界観が際立つ構成にしました。ファーストビューでは、大きな屋号名に重ねて、サークルの動画を配置しています。サイトを開いた瞬間に視線が集まり、ブランドの個性が伝わります。このサークルのモチーフは、事業紹介の写真や英語のキャッチコピーの中にも使い、サイト全体にリズムと統一感を持たせています。
個性的な写真のレイアウトや、スクロール・マウスカーソルに合わせた動きを加え、大人が見てもワクワクする遊び心をプラスしました。フッターにも遊び心を残し、最後まで楽しく見てもらえるようにしています。

幅広い事業が、迷わず伝わる入口と詳細ページ

事業が幅広いぶん、「何をしている会社なのか」が迷わず伝わることを大切にしました。トップページには、塗装、BMXスクール、ヒッチメンバー、その他の事業を、写真とともに並べ、気になる事業の詳細ページへ進めるようにしています。ヘッダーのメニューからも、見たい事業へ直接移動できます。各事業の詳細ページには、概要や料金、よくある質問を掲載しました。依頼する前に気になる疑問を、よくある質問で先回りして解消しています。
代表あいさつをトップに掲載することで、屋号に込めた想いや、自動車の板金塗装で培った豊富な経験を伝え、信頼感を伝えています。事業の幅広さだけでなく、その背景にある人柄まで感じてもらえるようにしました。

  • fairhopeworks-4
Web制作の相談をする

Web制作の相談をする

Webサイトの制作のお悩み、まずはお気軽にご相談ください。
お客様の課題に合わせた、最適なプランをご提案いたします。