WORK / 06 コンペ提案 · 設計・デザイン提案
INTERBANK 採用ページ
外貨両替の仕事を、働く人の体験へ翻訳する。
- 担当・制作範囲
- 要件整理・情報設計・採用TOPのPC／SPデザイン。下層の検討資料は含みますが、5ページ全体の完成・実装・公開・成果測定は行ったものとして紹介しません。
- 使用ツール
- Figma
- 制作区分
- コンペ提案
EXCHANGE × PEOPLE案のFV拡大して見る ↗01 / OVERVIEW
背景と、制作の考え方。
外貨両替の仕事内容と職場の雰囲気を求職者に伝え、募集要項や応募へつなぐ採用ページを提案しました。共通の目的を、漫画・パスポート・人物中心の3つの表現へ展開しています。
02 / DESIGN NOTES
仕事・人・会社を、応募の前に知る。
求人条件だけを並べるのではなく、どんな仕事を、どんな人と、どんな場所で行うのかを読み進められる順序に整理しました。仕事内容や社員紹介の先に募集要項・応募の入口を置く構成を考えています。
要件・情報設計・UIの計画拡大して見る ↗03 / DESIGN NOTES
人物と大きな文字で、採用ページの顔をつくる。
EXCHANGE × PEOPLE案では、人物のコラージュと大きなコピー、図形で構成した文字を組み合わせました。人と話す仕事の印象を前に出し、接客と事務の両方を仕事内容として伝えています。
接客と事務を分けて伝える拡大して見る ↗
人物紹介のまとまり拡大して見る ↗04 / DESIGN NOTES
旅券や搭乗券を、情報の役割へ結びつける。
パスポート案は、仕事の紹介を旅券の見開き、人物紹介を荷物タグ、応募の入口を搭乗券として表現。外貨両替と旅の関係を、求職者が読み進める画面の仕組みに取り入れました。
旅券の構造を使った別案拡大して見る ↗
表現と応募の入口を結びつける拡大して見る ↗05 / DESIGN NOTES
スマートフォンでも、募集要項への入口を残す。
PCの人物中心の構図をSPへ展開し、文章・写真・ボタンを縦に再配置しました。応募の導線や固定表示の考え方はデザイン上の提案として示しています。
応募への入口拡大して見る ↗
人物中心の構図をSPへ展開拡大して見る ↗
