【実践課題】LP制作

OVERVIEW

SHElikes MULTI CREATOR PROJECTにて、LP制作(架空のリクルートサイト)の課題に取組みました。情報設計、ワイヤーフレーム、デザインカンプ、コーディング、サーバーアップの一連の流れ考えながら取り組みました。

YEAR 2024

目次
1 制作物
2 課題要件

3 ペルソナ
4 情報設計
5 デザインコンセプト

6 デザインの工夫
7 制作を通して学んだこと


1 制作物

PC:幅 1440px
SP:幅 375px


2 課題要件

【目的】
・LPを通してエントリーをしてもらうこと
(採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい)

【クライアント情報】
クライアント名:TSUTSUMU 株式会社
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。

【ターゲット】
・転職希望の方
・報酬面よりもTSUTSUMUが作っていきたい世界に強く共感してくださる方
・各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人がターゲット

3 ペルソナ4 情報設計


5 デザインコンセプト


ムードボードを制作しキーワードは「家族の時間」「健やかな成長」「ひだまり」「やさしさ」「毛布」

・柔らかさとあたたかい印象を与えたいためベージュ、オフホワイトをベースに使用しました。アクセントカラーはオレンジを中心に黄色、水色、薄いグリーンを使用しました。
・フォントはメイン本文は游ゴシックを使用し誠実な印象にし、ファーストビューのコピーを筑紫A丸ゴシック Std、あしらいにRobotoを使用し柔らかい雰囲気にしました。


6 デザインの工夫

・全体的に柔らかい印象を与えたいため、角丸や円のあしらいを使用しました

7 制作を通して学んだこと

情報設計、デザインカンプ、コーディング、サーバーアップのWEBデザイン業務の一連の流れを経験することができてよかったです。

実装を意識したデザイン、実装時のアニメーションなども考えながら制作をすることが必要だと感じました。

またコーディングの勉強不足を痛感しました。今後も勉強していこうと思います。