セイザングループ様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
“企業の信頼性”と“仕事へのワクワク感”を届けるデザイン戦略×応募率アップに効果的な導線設計を実現
クライアント | セイザングループ様(北海道 札幌市) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | サービスサイト コーポレートサイト・事務所 施設関連 その他 |
URL | https://seizan-group.co.jp/ |
制作チーム |
|
POINT
制作のポイント
北海道で飲食店や宿泊施設、温浴施設などのサービス業を中心に経営しているセイザングループ様のコーポレートサイトをリニューアルいたしました。
今回、リニューアルの主要な目的として、「採用を強化したい」というご要望をいただきました。そのため、求職者がスムーズに採用情報へアクセスできる導線を重視し、綿密に設計しています。まず、「採用情報」ページへの導線ボタンを画面右上に固定表示することで、ユーザーがグループの強みや事業内容を確認し「ここで働いてみたい!」と感じたタイミングですぐに採用情報を閲覧できる導線設計に仕上げました。
さらに、メインビジュアルのすぐ下に採用情報コンテンツを掲載いたしました。こちらのコンテンツでは、「飲食のお仕事」「宿泊・スパのお仕事」「アミューズメントのお仕事」という3つのお仕事コンテンツへの導線ボタンを、それぞれの働く環境をイメージできるようサムネイル写真付きで配置しています。最も訴求したい「飲食のお仕事」への導線ボタンを一番上に大きく配置することで、ユーザーの視線を自然と引きつける導線設計に仕上げております。
ディレクション
A.Domae
今回、リニューアルの主要な目的として、「採用を強化したい」というご要望をいただきました。そのため、「採用情報」ページ内にある各事業の「店舗一覧」の見せ方について、特にこだわって設計しました。
具体的には、店舗名・住所・電話番号・店舗WEBサイト・地図情報などの各店舗の詳細情報を、店舗のお写真とともに分かりやすくリッチに一覧表示しています。PCの画面の広さを活かして、アコーディオンメニューなどで情報を隠さず一覧できるレイアウトを採用することで、「これだけ多くの店舗を展開している」というスケール感や企業の安定性を視覚的に伝える構成にしました。このように、企業としての信頼感を高めるデザイン設計にすることで、求職者の応募の後押しに効果的なホームページを作り上げています。
Webデザイン
A.Domae
「地元の飲食店でアルバイトを検討している学生の方」「家事・育児と両立しながら働きたい主婦の方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。
スマートフォンサイトのハンバーガーメニューでは、「採用情報」「セイザングループについて」「飲食事業」「宿泊・スパ事業」「アミューズメント事業」という5つの主要ページへの導線ボタンを、サムネイル写真付きで大きく設置しました。タップエリアを広くすることで画面の狭いスマートフォンサイトでもユーザーが目的のページまでスムーズに遷移できるよう工夫しています。
Webデザイン
A.Domae
デザイン面では、求職者がお客様の職場で働くことへのワクワク感や期待を感じられるよう工夫を施しています。具体的には、お客様のロゴマークである“輪”からインスピレーションを得て、ファーストビューには、業種ごとにいきいきと働く様子のお写真を、多様な大きさの円形に切り抜いてバランスよく配置しました。
さらに、これらのお写真は一定時間ごとに切り替わる仕様となっており、より多くの働くシーンを視覚的に伝えることができます。このようなデザインによって、職場の活気や魅力を自然と印象づけると同時に、オリジナリティあふれる魅力的なメインビジュアルに仕上げています。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
リニューアル前は、「採用情報」ページに必要な情報が十分に掲載されておらず、加えて「飲食」「宿泊・スパ」「アミューズメント」といった業種ごとの仕事内容が整理されていなかったため、求職者にとって分かりづらい構成となっていました。
リニューアル後は、「採用情報」ページの内容と構成を大幅に充実させました。業種ごとに専用コンテンツを設け、それぞれ「お仕事内容」「店舗一覧」「はたらく人紹介」「募集要項」という4つの内容を掲載しております。地域に根差したお客様ならではのお仕事の魅力や、具体的な職場情報を求職者にしっかりと伝える構成にしました。
さらに、「採用情報」ページの右横には、「飲食のお仕事」「ホテル・スパのお仕事」「アミューズメントのお仕事」「エントリー」という4つの導線ボタンを固定表示しています。そうすることで、気になる業種のお仕事情報をすぐに確認できるだけでなく、スムーズにエントリーに進める導線設計に仕上げました。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS