制作概要
創業以来培ってきた信頼感と堅実さ、そして働く場としての魅力を求職者の方々へより深く伝えるべく、採用サイトを全面リニューアルいたしました。 今回のリニューアルでは、10年間にわたり使用されていた旧サイトのデザインを一新。情報の鮮度を保つため、現場からの発信が容易になる投稿機能を実装することで、タイムリーな情報提供ができないという課題を解決いたしました。 デザイン面においては、丸八ブランドが持つ「誠実さ」を軸に据えつつ、これから共に働く仲間を迎え入れるサイトとして、親しみやすさやあたたかさが伝わるアイデンティティを再構築しています。 企業のアイデンティティと未来への想いを整理し、求職者にとっての「企業の顔」としてサイトをリニューアル。 その背景から制作プロセス、そしてリニューアルがもたらす未来への展望について、ご担当者様にお話を伺いました。
- 業界
- 寝具
- ターゲット
- toB、toC
- 対応期間
- 3ヵ月
- 作業範囲
- 企画・デザイン・コーディング・開発
10年の時を経て、伝統の信頼と『人』の体温を繋ぐ。
更新性を重視した採用プラットフォームへの刷新。
課題・背景
既存の採用サイトは公開から10年が経過しており、現代の求職者が重視する働く環境がイメージできる情報やスマートフォンでの閲覧のしにくさが大きな課題となっていました。
SNSや動画での情報収集が当たり前となった現代において、静的なテキスト主体のサイトでは競合他社に埋もれてしまう懸念がありました。また、老舗ならではの「堅実なイメージ」が若年層にはかえって「堅苦しい」という誤解を与えており、本来の魅力である「人のあたたかさ」や「挑戦できる風土」がサイト上で伝えきれていない点も課題でした。
情報を随時更新できないサイト構造だったため、現場のリアルな声や最新の情報をタイムリーに発信できず、求職者が不安を感じる一因となっていました。
実行・プロセス
企画・戦略
信頼感・堅実さという確固たる土台は守りつつ、採用において最も重要な人との繋がりや仕事への誇りを直感的に伝えるコンテンツ構成を策定しました。
また、公開して終わりにならないよう、現場の雰囲気をそのまま求職者に届けるため、担当者様が自らタイムリーに情報を発信できる仕組みも取り入れました。
デザイン
「眠りを彩り、明日を笑顔に。」というコピーを軸に、寝具メーカーとしての“やさしさ”と、老舗企業としての“信頼感”が同時に伝わることを目標としました。採用サイトは単なる会社説明ではなく、“この会社で働く未来を想像できるか”が重要だと考えています。そのため今回のデザインでは、企業理解だけでなく、丸八真綿様の持つ「人を想う文化」そのものが自然と伝わる体験設計を目指しました。
新卒採用サイトでは、親しみや柔らかさを重視しすぎると企業としての説得力が弱くなり、逆に堅さを出しすぎると学生との距離感が生まれてしまうため、そのバランスを特に意識しています。
寝具を連想させるアイボリーや淡いベージュをベースカラーに採用し、空気感のある余白設計や柔らかな円形モチーフを組み合わせることで、“睡眠”というテーマを視覚的に表現しました。タイポグラフィは可読性と誠実さを重視し、落ち着いたジャンプ率と余白感で構成し、企業の安心感を担保しています。
学生は「どんな会社か」だけでなく、「どんな人が働いているか」を重視する傾向があるため、社員紹介やメッセージエリアでは写真を大きく使用し、人の表情がしっかり伝わるレイアウトに設計しました。情報量を整理しながらも、閲覧体験として温度感を感じられるよう、視線誘導やコンテンツ配置にも配慮しています。
実装
本プロジェクトではCMSを用いました。デザインの意図を正確に反映させることを徹底し、企業ブランドが求職者の方々へ明解に伝わる情報設計を重視して構築しました。
フロントエンドでは、JavaScriptの記述を整理することにより、デバイスを問わず安定した閲覧環境を整備いたしました。過度な装飾に依存せず、直感的かつ心地よいアニメーションを細部に組み入れることで、質の高い操作感を実現しています。
また、採用担当者様の運用負担を軽減するため、管理画面をカスタマイズしました。専門知識を必要としないシンプルなシステムにより日々の運用が楽に行えます。
結果・反響
採用活動における情報発信のプラットフォームとして、単なるビジュアルの刷新にとどまらず、機能面含めたリニューアルを実施できました。
現場に最適化されたCMSによる投稿機能を導入したことで、これまで外部への依頼を含め数日から数週間を要していた更新作業が、社内にてその日のうちに完了できるようになりました。これにより、採用イベントの告知や社員のリアルな活躍など、鮮度の高い情報を求職者へダイレクトに届けることが可能となり、結果としてサイト全体の活気と回遊率の大幅な改善へと直結しました。
また、情報が常に最新の状態にアップデートされる動的なサイトとなり、情報設計の根本的な見直しや、スマートフォンでの閲覧を前提としたモバイルファーストなUIへと最適化した相乗効果もあり、公開後のサイト全体のPV数は旧サイト比で約116%と大きな成長を記録しました。ユーザーが直感的に次の記事や募集要項へと進みたくなるスムーズな導線設計が機能し、求職者との接点をより長く、深く保てる理想的な環境が整ったと言えます。
クライアント様からは「格段に見やすくなった」という大変嬉しいお声をいただいております。これは単にデザインが現代的に美しくなったというだけでなく、求職者が本当に知りたい情報へ迷わずアクセスできる、ストレスフリーなユーザー体験が実現できたと考えております。10年分の蓄積によって複雑化していたサイト構造が整理されたことで、丸八真綿様が本来持つ「老舗としての揺るぎない信頼感」と「働く人々のあたたかさ」というブランドメッセージがストレートに伝わるようになり、採用広報の質を根本から引き上げる結果となりました。
ご担当者様の声
リニューアル着手の背景と、解決したかった課題について教えてください。
ご担当者様
新卒採用が企業側の売り手市場へと転じていく中で、当社でも母集団形成には大きな課題感を感じていました。しかし、急速に母集団を増やすことは難しいと判断し、同時並行で、まずは今すでに確保できている母集団の志望度をより確率させることを優先しました。当社では、採用サイトが長い間更新されていなかったので、まずはそれを更新することで、採用ページから訴求できる情報量を増やしました。
数ある制作会社の中で、カンナートをパートナーに選んでいただいた理由を教えてください。
ご担当者様
ご依頼以前に、様々な企業様からご提案をいただいておりました。希望するデザイン感の言語化に努めてまいりましたが、当社らしいサイトデザインの実現に苦労しました。その中で、グループ間のご縁をいただき、さらに今回採用サイトをリニューアルするうえで参考にしていたサイトの作成元がカンナート様であったことが決め手となりました。当社を知っていただいているカンナート様だからこそ、求めていたボリュームの中にしっかりと当社のイメージを落とし込んでいただくことを期待しておりました。

制作のプロセス(企画・デザイン・やり取り等)で印象に残っているエピソードを教えてください。
ご担当者様
細かい言語表現についてはこちらから何も指定していなかったにもかかわらず、基本的にご提案いただいたものに手を加える必要がなかったことが非常に印象に残っています。当社の事業とアピールポイントが初めから高い完成度で言語化されており、こちらで手を加えるのは、どうしても外部の人からは見えない細部の情報や特徴のみでした。私の業務内容的にもサイト運営に関する知識やスキルは乏しかったため、今回1から構成する必要がなかったのは非常に助かりました。
完成したサイトへのご感想と、社内外の具体的な反響について教えてください。

ご担当者様
まずは、カラーリングなどを含めたデザインについてです。非常にご丁寧なヒヤリングのもと、寝具メーカーだからこその「温かみ」と最近の採用サイトの「流行デザイン」を両立したものを作成していただけたと感じております。
今回一番気に入っているのは、社員紹介のページです。依頼当初から要望させていただいた、丸八の「人」をアピールできる採用サイトを実現していただくことができ、大変満足しております。
社内では丸八らしくなったと好評をいただいております。また今年入社した新入社員から「偶然確認したらとても見やすくなっていた」などの声もいただきました。
今後の採用戦略の展望と、カンナートへのメッセージをお願いします。
ご担当者様
まずは今後ナビ媒体を通して当社に関心を持っていただけるよう、今の就活市場に適した採用活動を試行錯誤していきたいと考えております。その上で、当社のサイトを訪問していただいた学生様に当社の魅力を最大限伝えられるよう、お知らせページの広報活動に力を入れていきます。
またカンナート様には、今後もより当社の魅力を伝えられる採用サイトへのアップデートにご協力いただきたいです。
その他の事例
-
ECサイト運用・構築-クイジナート
コンエアージャパン合同会社様
簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。
-
診断チャットボット・受付フォーム構築-NECフィールディング
NECフィールディング株式会社様
簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。
-
発注・物流管理システムリニューアル-GLUG(グラッグ)
株式会社GLUG(グラッグ)様
簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。簡易説明が入ります。
お問い合わせ
EC運営・DX推進・AI活用など、お気軽にご相談ください。