Yubiホールディングス様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、新規作成の主要な目的として「ブランディングを強化したい」というご要望をいただきました。そのためPCサイトでは、画面の大きさを最大限に活かしたメインビジュアルを採用し、各グループ会社のイメージ写真をダイナミックにスライド表示しています。

1枚目にはグループ全体を支えるYubiホールディングス、2枚目には革新的なIT事業を展開するアイブリッジ、3枚目には生活に寄り添う製品をつくり続ける優美社というようにイメージ写真が切り替わり、各社の特長が伝わる構成にしました。

そうすることで、「異なる強みを持つ2社を支えながら、グループとして未来を切り拓いている」というお客様ならではの強みや多様性を視覚的に表現しています。

採用情報ページでは、「安定した企業で長期的に活躍したい方」「社会貢献できる仕事への転職を考えている方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8：2に想定し、モバイルファーストで設計しております。

採用情報に関するすべてのページにおいて、画面右上に「リクルートメニュー」を固定表示しています。メニュー内には「採用メッセージ」「働く環境」「募集要項」に加え、各グループ会社の仕事内容など、求職者が知りたい情報までスムーズに遷移できる7つの導線を配置しました。さらに、最下部には目を引くレッドのアクセントカラーで「エントリー」ボタンを設置しています。

このように、リクルートメニューを固定表示することで、求職者は気になる情報を自由に行き来しながら、企業への理解を深めることができます。興味が高まり、「ここで働いてみたい！」と感じたタイミングでそのままエントリーへ導く、採用強化に最適な導線設計に仕上げました。

採用情報ページでは、ページを開いた瞬間に“働く姿のリアルな魅力”が伝わるよう、複数のお写真をタイル状に配置したファーストビューをデザインしました。笑顔で働く様子やチームで協力するシーンなど、職場の明るさと前向きな空気感が伝わるお写真を選び、下から上へゆるやかに流れるアニメーションで掲載しています。

さらに、「あなたの仕事が、誰かの“うれしい”に変わる」というキャッチコピーを合わせて掲載することで、求職者が「やりがいを感じながら働く自分の姿」を自然とイメージできる構成に仕上げました。

システム面では、お客様および傘下グループ会社の最新情報を整理し、タイムリーに更新できる「お知らせ」を、オリジナルCMSとして自社開発しました。こちらのCMSでは、「お知らせ」「アイブリッジ」「優美社」という3つのタブに分類し、トップページのメインビジュアル直下にそれぞれの情報を掲載できる仕様となっています。そうすることで、ユーザーが必要な情報へ最短導線でアクセスできるシステム設計を実現しました。