LP制作・実装(リクルートサイト)
SHElikes MULTI CREATOR COURSEの課題で、ベビー用品を扱う企業のリクルートサイトのLP制作を行いました。(制作時間: デザインカンプ50時間/コーディング100時間/使用ツール: Photoshop.Atom)
■要件
◯クライアント名 <TSUTSUMU株式会社>
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。
◯目的
LPを通してエントリーしてもらうこと
(採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい)
◯ターゲット
転職希望の方
報酬面よりもTSUTSUMUが作っていきたい世界に強く共感してくださる方
各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人がターゲット
◯必要要素

■制作物

■工夫したPOINT
◯ペルソナの設定
クライアントからの要件を元に、自分でペルソナを設定しました。

◯ユーザーストーリー

◯配色
キーワード:優しさ/温かさ/柔らかさ

MAIN COLOR→メインビジュアルの写真に合わせて、体温を感じる暖色
ACCENT COLOR→寒色ではあるが、ペールトーンで優しさを感じられるように
FONT COLOR→優しさを感じる茶系
◯デザイン
各セクションも、角がなく丸みのある作り・あしらいを意識した。

しかし、採用サイトなのでリクルート感も出せるように、ロゴ下にRECRUIT SITEと記載。CTAセクションの写真は四角のものを使い、真面目さも出せるようにした。

■課題を通して学んだこと
デザインカンプ作成から実装までを一通りしたことで、LP制作の全体像が掴めました。
ボタンの遷移先などサイトの構造を隅々まで考えて設計することの大切さを学びました。また、ユーザーの視点に立って、使いやすさを意識したサイト作りについても知識を得られました。
コーディングの部分では簡易的なLPを作成するための基礎知識、自分が現在どれくらいコーディングに時間を要するかが分かりました。
解決しない箇所はTAさんにも教えていただきましたが、自分で調べて解決できた部分もあるので検索力・解決力・理解力についても今回の課題を通して身につけられました。
■今回の課題の感想
デザインカンプ作成時にコーディングのことも考慮して、コンテンツ間の余白や細かい部分のデザイン、ボタンを押すとどこに遷移するかまで考えました。
自分が作ったLPが実装され、だんだん形が見えてくることが楽しかったです。次回は、もっと動きも付けたサイトを制作したいです。今後もっとコーディングの知識を増やし、本当に楽しめるレベルまでスキルを磨いていきたいと思います。
