【課題】LP制作

OVERVIEW

SHE likes MULTI CREATOR COURSEの課題にて、架空のベビー用品事業の会社の採用ページのLPデザインとコーディング、サーバーアップをしました。

目次

1. 制作情報

2. 課題概要

3. 制作物

4. 情報設計

5. 工夫したポイント

6. 制作を通して学んだこと


1. 制作情報

制作時間:トータル5週間(デザイン2週間、コーディング3週間)

制作範囲:情報設計、PCとスマホのワイヤーフレームとデザインカンプの作成、コーディングとサーバーアップ

使用ツール:Photoshop、vs code


2. 課題概要

ワイヤーフレームからデザインカンプを作成しコーディングからサーバーアップまで一通りできるようになる。

実装を考慮したデザインカンプの作成と、自分で0からコーディングする際の手順を学ぶ。


3. 制作物


4. 情報設計


▪️ムードボード


5. 工夫したポイント

情報設計に時間をかけ、クライアントの要望だけでなく、ユーザー(求職者)が知りたい情報やエントリーしたくなる流れは何かを意識してセクションの構成を組みました。

採用サイトだけど、カチッとしすぎない、TSUTSUMUの理念が伝わる柔らかな配色にして親しみを感じてもらいやすくしました。



6. 制作を通して学んだこと

今回のLPは実装もあるので、PCやSPの適切なFVの高さやコンテンツの最大幅や余白の設定など今まで以上に気をつけて作成しました。

自分の作りたいデザインをどのようにコーディングするのか、実装可能なのかを意識しながらデザインしないといけないと再認識し、0からサーバーアップまで取り組み、一連のWebサイト制作の流れを習得することができました。



WEBSITE