【実践課題】LP制作(デザイン〜実装)

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題。架空クライアントからの依頼内容をもとに実践形式でLP制作に取り組みました。また、制作要件を元にワイヤーフレームからデザインカンプの作成、実装、サーバーアップまで行いました。

YEAR 2024

①制作時間・使用ツール

・制作期間:デザイン2週間、コーディング3週間

・使用ツール:Photoshop・VScode

②制作要件

③デザインカンプ

④ユーザーストーリー

報酬よりもカルチャーフィットを重視しているとのことだったので、先に「①ファーストビュー、私たちについて」のセクションで世界観を伝え、「②企業情報」「③募集職種」「④よくある質問」の流れでセクションを配置、会社の価値観や事業、職種に興味を持った方に応募してもらえるよう、最後に「エントリーボタン」を配置しようと考えました。

⑤ムードボード

TSUTSUMUの暖かみのある世界観を伝える為に、温もりを感じさせるピンクや赤ちゃんを連想させる黄色を使用し、余白を多めにしてゆったりと柔らかなイメージで制作しました。また、採用サイトでもあるため、可愛くなりすぎず、スッキリとした見やすさも意識して制作を行いました。

⑥情報設計・工夫したポイント

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

・LP制作でも他のデザイン制作同様、目的に合わせてユーザーストーリーを意識して制作することが大切だと学びました。また、情報設計からコーディングの実装、サーバーアップまで、LP制作の一通りの流れを学ぶことができました。

・コーディングでは、デザインカンプとWEB上のデザインでは数値通りに入力しても、イメージ通りにならないことがあり、デザインカンプの時点から実装を意識した制作が必要だと感じました。また、今回、色々なサイトを参考にさせていただきましたが、今後もデザインやコーディングの知識を広げて、表現の幅を広げられるようにしていきたいです。