トーマスアーキテクト様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回のリニューアルの主要な目的として、「実績をより魅力的に訴求したい」というご要望をいただきました。そのため、PCサイトならではの広い画面領域を活用し、建物の実績写真を大きく掲載いたしました。実績のお写真を大胆に見せることで、豊富な施工経験や技術力を視覚的に伝え、信頼性やブランド価値をより強く印象づけています。

また、ヘッダーにおける「事業紹介」のドロップダウンメニューでは、お写真とテキストを組み合わせて配置し、ユーザーが一覧を見ただけで事業内容を直感的に理解できる構成にしています。そうすることで、ユーザーが目的のページへ迷わずアクセスできる、スムーズな導線設計を実現しました。

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

スマートフォンサイトのみ、「マルユウグループ採用サイト」「建築設計スタッフ求人特設サイト」に遷移する専用バナーを、トップページのメインビジュアル直下に設置いたしました。そうすることで、求職者が迷わずに「採用情報」ページへ到達できる導線設計を実現し、応募数アップを後押ししています。

また、PCサイトで画面右上に固定表示していた「お問い合わせ」ボタンをは、スマートフォンサイトでは画面右下にまとめて固定表示しています。画面幅の限られたスマートフォンでも閲覧の妨げにならないよう配慮しつつ、ユーザーが「問い合わせたい」と思ったタイミングでスムーズにアクセスできる導線を確保いたしました。これにより、視認性と操作性を両立させながら、コンバージョン率を向上させる効果を高めています。

デザイン面では、グループ企業の相関図を新たに作図しました。中央にグループロゴを配置し、その周囲に各社のロゴや事業内容をレイアウトすることで、マルユウグループの一員であることを視覚的にわかりやすく表現しています。

さらに、相関図の背景には、複数の波線が滑らかに流れるアニメーションを実装しました。グループ各社のロゴや事業内容が連動するように見える演出により、マルユウグループとしてのサービスが流れるようにつながり、相互に補完し合っていることを視覚的に表現しています。文章や静止図のみでは伝わりにくい、企業間の「つながり」や「動き」を、デザインとアニメーションによってより印象的に訴求しています。

システム面では、管理者様がタイムリーに実績を更新できる「実績」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、「所在地」「構造」「敷地⾯積」「間取り」など、ユーザーが知りたい情報を管理画面から簡単に登録できるシステム設計となっております。また、新築・リノベーションなどのカテゴリーごとに事例を絞り込む機能も実装しており、気になる施工事例をスムーズに確認できる仕様にしています。さらに、実績詳細ページ下部に「関連事例」を自動表示させることで、興味のある事例に似ている複数の実績を横断しやすい導線に設計いたしました。