【実践課題】LP制作 (情報設計〜実装)

OVERVIEW

SHElikes PRO デザイナーコース にて リクルートサイトのLP制作を行いました。 PC デザインカンプ、SP ワイヤーフレーム [制作時間:32H / 使用ツール:Photoshop]

YEAR 2025

◾️ サイトURL

1.制作要件

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

◾️目的
採用強化のためLPを通して、エントリー者を増やしたい。

◾️ターゲット
・転職希望者かつ報酬面よりもTSUTSUMUがつくってきた世界観に共感してくれる人
・各職種において全くの未経験社より経験を重視しつつ、カルチャーフィットしている人

<ペルソナ>・27歳女性 

・事務職からの転職希望者 ・事務スキルのみで転職活動に少し自信がない         ・今までとは違う業種に踏み込みたい気持ちがあるけど、調べるの大変だし受け入れてくれるか不安

<トンマナ>

・女性でも男性でも「あかちゃん」や「家族」を大切にする気持ちへの共感が第一歩なので柔らかなトーンでまとめる

・メインカラー:ピンク、ベージュ、堅実性のある紺色のフォント

・丸形のデザインで優しさを表現

2.制作物

3.制作ポイント

1)配色
落ち着いた雰囲気を与えるベージュをベースカラーにし、人のあたたかみや温もりを感じるオレンジピンクをアクセントカラーに配色しました。全体的な統一感は大切にしながらデザインしました。


2)UIを意識した設計

▼世界観を伝える画像はスライダーでスマートに


▼アクションを起こしやすいよう色も大きさも目立つボタンを3箇所に設置


3)わかりやすいデザイン
転職では、はじめの一歩が大切。働くイメージがしやすいようアイコンをイラストで設置し詳細リンクへ遷移できるようにしました。疑問点をタイムリーに解決しエントリーしてもらえる導線を作りました。


4.制作を通して学んだ点

ユーザーにどのようにクライアントの世界観を魅力的に届けられるか、また、どうすればアクションを起こしやすくなるかなど、様々なことを考え設計していきました。デザインする際には、コーディングを意識したテキストのサイズ設定や、世界観の伝わる写真の選定、優先順位をつけた情報の見せ方など、様々な視点で大変深い学びを得ることができました。




WEBSITE