【所要時間】合計 約66時間(情報設計:5h、デザイン制作:21h、コーディング:40h)
【使用ツール】Illustrator/Photoshop/figma
【与件】クライアントの要望・目的に応じたLPを制作する
【対応範囲】ワイヤーフレーム作成 素材用意 デザインカンプ作成 コーディング レスポンシブ対応
目次
① 要件
② 制作・実装したLP
③ 工夫したこと
④ 制作を通して学んだこと
① 要件
💎 クライアント情報
<クライアント名:TSUTSUMU株式会社>
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や、家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。
💎 目的
LPを通してエントリーをしてもらうこと(エントリーがあれば誰でもいいわけではなく、カルチャーフィットしている人がターゲット)
💎 ターゲット
転職希望の方
報酬面よりTSUTSUMUの世界観に強く共感できる方
未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人
💎 トンマナ
明確なブランドトンマナが決まっていないため、事業内容にあうトンマナを自由に提案してほしい
② 制作したLP
③ 工夫したこと
💎 情報設計
クライアントのブランドイメージを保ちながら、抱えている課題を解決するために必要な情報設計にこだわりました。どのようなターゲットに、どのような導線の配置や工夫ができるかを考えて、デザインに落とし込みました。
【学んだこと】
💎 LPの目的内容をきちんと把握しブレないようにすることの大切さ
→今回の目的は採用をするためのサイトを作成することで、サービスの認知を広げることではないというところが非常に大切だと学びました。
💎 コーディングでエラーになった時の対処法
→googleで調べ、YouTubeで調べ、それでも分からないときは講師の方に質問しました。ただ答えを聞くだけではなく、検証ツールを使いエラーをどのようにして発生しているのかのやり方も合わせて学び、実践でつまづいたとき脱出するヒントを学びました。
💎 不明点は大体、googleかYouTubeに載っており、検索力を上げていくことが大切だと学びました。今度もコーディングで表現できる幅も広げていきたいです。