【課題制作】LP制作
■採用サイトのLPデザイン・コーディング ■使用ツール:Photoshop、Atom ■コーディング:HTML/CSS/jquery ■制作期間:1ヶ月
【制作したサイト】
※サーバーアップロード期間が終了しているため、実際の動きなどは動画にてご確認ください。
<スマホ版>
https://youtube.com/shorts/J97RU4hMfFk?feature=share
<PC版>
【案件について】
※SHElikes MULTI CREATOR COURSE Designerコースでの課題で、実案件を想定した架空の案件となります。
■クライアント:TSUTSUMU株式会社様
■ご依頼:採用強化のため、採用サイトを作りたい。
■目的:カルチャーフィットする方からの応募がくること。
■ターゲット:報酬面よりも、TSUTSUMUの世界観やビジョンに共感していただける方。
【設定したペルソナ】
■28歳女性・派遣でカスタマーサポートをしており、もっとキャリアアップしていくために転職を検討している
■自分には今子供はいないが、最近出産した友人の家族と遊ぶ機会が多い
■あかちゃんやその家族と接する中で、あかちゃんの可愛さ・育児の大変さ・たまに感じる生きづらさなどを知り、「もっとあかちゃんもその家族も、生きやすい世の中にしたい」という思いを持つようになる
■子を持つ友人から、TSUTSUMUのサービスについて話を聞き存在を知る
・学生時代から友人を大切にしているような方
・仕事は好きなので、いつか自分に子供ができた時も、仕事と育児を両立して働きたい
そんな思い・価値観を持っている方をペルソナに設定しました。
【工夫したこと】
■改めて情報や必要な要素を書き出し、目的やターゲット、ゴールを整理しました。
■デザインについて
全体のカラー・フォントは下記に設定しました。
・キービジュアル:「世界をやさしさでつつむ。」のキャッチコピーを表現するために、背景は、さまざまなオレンジ・ピンクの色が混ざった柔らかい水彩にしました。
→人の肌の色や体温はさまざまで、たくさんの人の愛情で包まれているというイメージを表現しました。
・キービジュアル:TSUTSUMUはあかちゃんの事業ではありますが、今回の目的は採用サイトのため、全体のトンマナで世界観を出しつつ、キービジュアルの写真は、そこで働く人をメインとしました。
→気になって採用サイトを見た方が、「自分がここで働くイメージ」がパッと浮かぶように。
・選考について:カルチャーフィットする方からの応募がほしい、を達成するため、求める人物像や、選考時のポイントなどのページに遷移できるコンテンツを追加しました。
ブラシにクリッピングマスクをかけて、面接で話をしている姿が頭でイメージされているような雰囲気のデザインにしました。
・全体:TSUTSUMUの世界観に合わせ、スクロールするとフワッと要素が現れるようにコーディングしました。
・メンバー紹介:4人全員の写真の色味や雰囲気にバラつきがないようにし、バランスを整えました。「ここで働いたら、楽しそう!」と思えるような写真をチョイスしました。
【学んだこと】
■目的や内容をきちんと把握しブラさないようにすることの大切さ
→今回、目的は採用をするためのサイトを作成することで、サービスの認知を広げることではないというところが非常に大切だと学びました。
■コーディングでエラーになった時の対処法
→googleで調べ、YouTubeで調べ、それでも分からないときは講師の方に質問しました。ただ答えを聞くだけではなく、そのエラーをどのようにして調べているかのやり方も合わせて学び、実践でつまづいたとき脱出するヒントを学びました。
■不明点は大体、googleかYouTubeに載っていることを学びました。
検索力を上げて、コーディングで表現できる幅も広げていきたいです。