【課題制作】LP制作

OVERVIEW

SHElikes MULTI CREATOR COURSE DesignerのLP制作課題にて、要件定義からWF・デザインカンプ作成、コーディング実装まで行いました。 ◾️使用ツール: Photoshop,Illustrator,VSCode◾️作成時間:4週間

YEAR 2024

▼制作したLPのデザイン

▼クライアント情報と依頼内容

クライアント情報
クライアント名:TSUTSUMU株式会社
ベビー用品を中心に子育てコミュニティ事業やフォトブック事業を展開している。現在はベビー用品主軸だが、今度パパ・ママ、家族向けのサービスを展開予定。

目的
LPを通して、カルチャーフィットする人にエントリーしてもらう

ターゲット
・転職希望の方
・報酬面よりも会社の理念に強く共感する方
・カルチャーフィットする方

トンマナ
明確なブランドトンマナが決まっていないため、事業内容に合うトンマナを提案。
ロゴはクライアントより提供、色の変更も可能。

▼ペルソナ

▼ユーザーストーリーに基づく情報設計


▼デザインで工夫した点

▼課題を通して学んだこと

1.レスポンシブデザインについて
PC版・SP版共に要素の配置を統一することで、レスポンシブ時に大きな変更を加えることなく実装できるのだと学びました。デザインカンプ作成時から、レスポンシブデザインを考慮していきたいと思いました。

2.媒体に合わせたデザインについて
PCではカーソルを用いるため、マウスホバーの実装が有効だが、SPではマウスホバーしないため、デザインの使い分けが必要なのだと感じました。SPは指でタップをする操作のため、タップする場所が見てわかるようなデザインを取り入れていきたいと思いました。

3.JavaScriptの実装について
JavaScriptを実装する際、HTML内に直接記述する『インラインスクリプト』と、別のファイルに記述してHTMLから参照する『外部スクリプトファイル』の2種類があることを知りました。それぞれにメリット・デメリットがあるため、場面に適した方法を選択して実装していきたいです。