制作実績（SUTEKi様｜ホームページ制作）｜YORIYORK｜栃木県佐野市

リニューアル

SUTEKi様｜ホームページ制作

◆概要

栃木県宇都宮市の「SUTEKi」様より、ホームページリニューアルのご依頼をいただきました。

◆ご要望

・求人応募の方々に会社を理解していただけるホームページを作りたい。
・動きを入れて魅力的なホームページにしたい。

◆課題

・ホームページがない。
・求人応募の方に不安感を与えたくない。
・会社の魅力を伝えきれていない。

◆要件・施策

・コンセプト整理。
・訴求点の整理
・情報整理、編集
・写真撮影
・デザイン制作
・CMSの導入
・レスポンシブ対応
・アニメーション
・SSL対応
・解析ツールの設置

◆コンセプト

お客様の「自由な雰囲気」を表現する事を目標に制作を進めていきました。

・「ポップなデザイン」と「サイトの動き」を取り入れる。
・一画面ごとにコンテンツ表現するために、スクロールスナップを採用。

◆コンテンツ

企画、訴求
▼求人を強化する目的から

⓵採用一覧ページには「会社の雰囲気」や「インタビュー」「ビジョン」を配置し「どんな会社なのか」わりやすく工夫。
②採用詳細ページでは、採用基準の記載などから、職種の魅力が伝わるよう工夫。

文章
各ページの構成を企画し、お客様にご協力いただきながら仕上げていきました。
写真は「オフィス環境」「人」を中心に撮影し、求職者様に会社を具体的にイメージしてもらう意識で仕上げました。

◆デザイン

機能（UI）
写真、使用カラー、丸みのある形が全体に散りばめられ、明るく、可愛らしい、ポップな印象を与えられるデザイン。
レイアウトをシンプルにすることで、わかりやすい導線、情報が伝わりやすい設計を意識しました。

ターゲットが見ていて、楽しい気持ちになり、興味や行動を促せるデザインに仕上げました。
目的である「採用エントリー」を促すサイトを意識しました。

装飾
▼ターゲットである「主婦・学生」の方に、イメージを伝えられるよう下記の表現を工夫。

・明るい、楽しい、お洒落な印象
・信頼できる情報の発信を行う誠実さ
・男性でも溶け込める雰囲気

▼女性らしさの表現とロゴのデザインを調和し、丸や曲線を軸に置きました。
ラインと情報を揃え誠実さを表現すると共に、文字の読みやすさを調整。

以下の方法を用いて具体化しました。
・Rの大きな曲線を利用し、可愛らしい印象を与える
・シャドウをつけ立体的にすることで、ポップな印象を与える
・日常的な写真を使用することで、親近感を与える
・細かな箇所も丸みを用いることで、全体の印象を統一させる
・画像とテキストの区切りをきちんとつけ、情報の整理をおこなう
・色をアクセントに使用することで、すっきりとした印象にする

◆システム

フロント
ページ離脱予防を目的に、スクロールした時のアニメーションは段階的に表示される設計にし、ポップな印象を強調。

アニメーションの表示速度を調整し、サイト内で一体感が出るようにJavaScriptで調整しました。スクロールしていくとヘッダーの色が変化し見やすく調整しました。

バックエンド
システムにはWordPressを使用し、お知らせや求人などの情報を更新できるよう設計。

WordPressで求人情報を投稿するのと同じ内容で、Googleの提供する求人検索サービス「google for jobs」で表示されるようにPHPで調整しました。

◆マーケティング

・Googleアナリティクス導入。
・Google検索で表示される広告を使用することで、求人情報が様々なお客様の目に触れやすい仕組みになっています。