【課題】LP制作(デザイン/コーディング)

OVERVIEW

SHElikes MULTI CREATOR COURSE 5つめの課題。架空クライアントの依頼内容をもとに、デザインからコーディングまでWebページ制作の一連の流れを習得しました。

YEAR 2021

制作時間:約80時間
制作期間:約5週間(デザイン2週間、コーディング3週間)
制作範囲:情報設計・ワイヤーフレーム・デザインカンプ・コーディング(レスポンシブ)


実際のサイトはこちら


成果物



課題内容


情報設計・ビジュアルデザイン

課題を噛み砕き、自分で情報設計をし、ビジュアルデザインの方向性を考えました。



制作ポイント


頑張ったポイント
デザインコンセプトに沿ったトンマナ作成に力を入れました。「TSUTSUMUと共に社会課題を解決する意思のある方」をターゲットにし、「やさしさ」「あたたかみ」「誠実さ」をデザインコンセプトにしました。採用サイトのため、ゆるい雰囲気になりすぎず、芯の通ったデザインにしたいと思いました。テーマカラーをオレンジにし優しい印象を出しながら、明朝体で引き締めるようにデザインしました。

課題を通して学んだこと
【実装を考慮したデザイン】
顧客依頼に基づいた要件定義〜サーバアップまで一通りできるようになりました。実装を考慮したデザインができました。デザインカンプ作成後マークアップ設計図を作ることで、効率的にコーディングができました。
【制作計画】
今回は2週でデザイン、3週でコーディングを行いましたが、サーバアップ後に実機で見てみると崩れている箇所があり修正が必要になりました。バッファで1週間はみたほうがよかったです。作業に凝りすぎず、サイトの目的やターゲットを随時確認することも大事だと思いました。