マルユウグループ様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回のリニューアルのもう一つの主要な目的として、「大きく、信頼できる会社であることを伝えたい」というご要望もいただきました。そのため、画面の広いPCサイトでは、メインビジュアルに明るく爽やかなトーンのお写真をスライドショー形式で配置しています。お客様が携わっている住宅や、人々の笑顔のお写真を選定することで、ユーザーに信頼感や安心感を印象づけ、「この会社に任せたい」とお問い合わせを後押しするようなデザインに仕上げました。

また、「トップページ」の「事業紹介」コンテンツでは、事業ごとにスクロールに合わせて背景が固定されるパララックス効果を採用しています。これにより、奥行きのある立体的な印象を与え、没入感のあるユーザー体験を生み出しています。

採用ページでは、「転職を考えている方」「人々の暮らしを支える仕事がしたい方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9：1に想定し、モバイルファーストで設計しております。

スマートフォンサイトでは、ハンバーガーメニュー内最上部に、他の導線ボタンよりも大きいサイズで「採用情報」ページへの導線ボタンを設けています。また、採用の「エントリー」ボタンは、ユーザーにポジティブな印象を与えるオレンジ色のグラデーションを採用することで、応募への一歩を後押ししています。

デザイン面では、ロゴで用いられている印象的な波型のシェイプを、タイトルのあしらいとして随所に配置することで、ブランディング効果を高めています。

配色においては、メインカラーに清潔感と明るさを印象づけるホワイトを採用し、全体的にクリーンで透明感のあるデザインに仕上げています。アクセントカラーには、信頼感や知的さを想起させるブルー系のトーンで統一しました。視認性とデザイン性を両立しながら、ユーザーに企業としての安心感を与えられるホームページを実現しています。

今回、グループ会社である「トーマスアーキテクト」「マルユウハウジー」「マルユウエナジー」という3つの会社のホームページリニューアルも併せて弊社にご依頼いただき、制作いたしました。そのため、グループ会社としての一体感を保ちつつ、他のグループサイトとの差別化を図るために、色味やレイアウトのバランスを丁寧に調整しました。全体のトーン＆マナーをデザイナー間で細やかに共有しながら、本サイト独自の個性が感じられるよう工夫しています。