【課題】LPデザイン制作/実装

OVERVIEW

SHElikes MULTI CREATER COURCEにて、LP制作取り組みました。クライアントからの要件書を元に、ワイヤーフレーム作成からデザインカンプ作成、実装、サーバーアップまでを一通り行いました。

YEAR 2025

制作ツール:Photoshop、 Visual Studio Code
制作時間:情報設計〜デザイン制作 2週間、コーディング 3週間


◾️制作物

実装したサイトはこちら

▼LPデザイン


◾️要件

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

▼依頼内容
採用強化のため、たくさんの人にエントリーいただけるような採用サイトLPの制作

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

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

▼トンマナ
明確なブランドトンマナがまだ決まっていないので、事業内容にあうトンマナを自由に提案していただきたいです。

◾️情報設計

▼ムードボード

▼配色・フォント

◾️こだわりポイント

▼デザインのポイント

▼コーディングのポイント

◾️今回の課題の感想

コーディングは最初は思い通りな実装ができず、苦戦することが多かったですが、自主学習を進め、少しずつ理解ができるようになってきました。自分の入力したコードで思い通りな実装ができるととても満足感が高く、これからもっともっと色々なパターンのLPが制作できるようになりたいと思いました。