【練習】LP制作(デザイン&コーディング)
架空クライアントからの要件書をもとに、情報設計→ワイヤーフレーム作成→デザインカンプ作成→コーディング・サーバーアップまでの一連の作業を行いました。
■ 制作要件
●プロジェクト内容 (架空クライアント要件)
●依頼のゴール(目的)
リリースした採用募集のLPから会社が求める人材(やりがい・会社理念・ブランドへの 共感できる人)が沢山エントリーしてもらうこと。
・ターゲット
前提:転職希望の方 ※男女問わず
(今後はママ・パパ問わず家族向けサービスの事業展開のためスタッフを求めている)
・求める人材像
(1)やりがい・会社理念・ブランドへの共感 > 報酬
(2)会社のカルチャーにマッチしているか > 仕事のスキル
●ペルソナ(仮定)
職業:保育士(保育園)
趣味:ピアノ、旅行
好きなデザイン:ナチュラル系で、綺麗すぎるより可愛らしさを好む
転職理由:
子供たちとの触れ合いは好きで、働く女性の手助けをしていることへの使命感にやりがいも感じているが、保育士の経験を別のキャリアで活かしてもっと沢山の家族のサポートができる仕事に挑戦したいと思い始めたため。
■ デザインのテーマ(コンセプト)
『 人との繋がり、家族の絆』
デザインカンプの中にテーマを表現する自作のイラストを組み込みました。
モデルとした花:サルビア(花言葉→ 「良い家庭」「家族愛」「尊敬」「知恵」)
■ 要件を理解した上での情報設計
●ユーザーストーリー/ユーザーエクスペリエンス
前提:人にフォーカスした採用ページで構成を組む。
●セクションの順序
① 私たちの想い → ② スタッフの声 → ③ 働く環境 → ④ 事業について
→ ⑤ 採用について → ⑥ エントリー → ⑦ お問い合わせ → ⑧ アクセス
■ スタイルガイド
■ デザインカンプ(コード入れる際に背景部分は修正してます)
■ こだわりポイント
・ 採用ページということや、コンセプトのイメージから基本「日本語」をメインに
テキストを入れるようにしています。
・メインビジュアルやボタンも角を丸く柔らかい印象を意識してデザインしています。
・ 前半の「会社のカルチャーに共感」部分と、後半の「仕事/求人内容を理解」部分で
想定するユーザーエクスペリエンスを分け、イメージカラーも前半は人にフォーカス
した内容のため、より温かみのあるオレンジよりのピンク、後半はビジネスよりの
内容に変わるので少しクールな印象もあるブルーを選択しました。
■ 今回の課題を通して学んだこと
LP制作において、沢山見本やサンプルをみて研究することが大切だなと感じました。
実際にあがっている採用サイトを調べユーザーストリーやユーザーエクスペリエンスはどう考えられているのか、などを自分なりに見るポイントにしたことで情報設計の仕方を勉強できました。