TOOL
figma
photoshop
illustrator
スタッフ愛知
INFO
株式会社スタッフ愛知
架空サイト。愛知県豊田市本拠地とし、主に工場向けの派遣を行っている会社。 2,025年で創業50年となり、ＨＰがコーポレートサイトのみだった為、派遣者 向けのオウンドメディアサイトの作成を決定。
CONCEPT
派遣者向けサイトの作成
検索UIの向上
派遣者向けのＷＥＢサイトの為、クリーンで信頼感があり何のボタンがどこにあるのか分かりやすいレイアウトを作りました。架空サイトのなので、どんな情報が派遣者に必要考え、ページも作成しました。この様なサイトではSEOも重要となるので、それを考慮しコラムも作成しております。
PELSONA
豊田市の派遣労働者向け（初めての方にも）
COLOR
MAIN COLOR
クリーンで信頼感のある青色
を使用。また会社ロゴも自作
し、その色と合わせて、印象
を整えました。
SUB COLOR
メインとアクセントの色を考
慮しつつ、爽やかな印象のあ
るブルーにし、トップ画像の
空の色に合わせ、統一感を出
しました。
ACCENT COLOR
訴求を促すようなボタンの箇
所には青の反対色であり、青
と組み合わせると誠実で堅実
な印象を持たれる橙色を採用
しました。
STRUCTURE
LAYOUT
よくあるテンプレート的なサイトの配置をとり、ユーザー直感的な操作性の高いサイトの作りを目 指し、作成しました。レイアウトは、それぞれのコンテンツの縦のページ幅と余白を意識し、一つ の画面で一つのコンテンツが入っている様に、配置をしました。
TOP PAGE
青空を吹き抜けさせると、ページの開放感が生まれやすいと思い、バナーメニューは透過させまし た。ボタン配置もユーザーの検索と訴求の部分を分け、要素をまとめました。
COLUM-はじめての方へ-
派遣の初めての方でも安心して登録できる様にする為に作成したページで、フローに沿って矢印を 配置し、分かりやすい紹介ページを目指しました。登録する訴求のボタンは、色を分け押しやすい ボタンを目的としております。
LOGO-ロゴデザイン-
企業のロゴも簡単ではありますが作成しました。スタッフの部分は既存フォントにスピード感を足し、対応の迅速さを表現し、AICHIのCは人と人との輪を重んじるという意味合いで、できる限り丸く作成しております。
検索ページ
縦書きフォントにし、和のテイストを加え居心地のよさそうな雰囲気を演出しました。
INFO
検索項目を左揃え、入力欄を右揃えにし、視覚的に配置を整えました。