【自主制作】架空LP制作(PC/SPデザイン・実装)

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題で、ベビー用品事業等を行う企業の採用サイトを制作いたしました。クライアントからの要件書を元に、PCとSPのデザインカンプを制作し実装までの作業を行いました。(制作時間:170時間)

YEAR 2025

*制作物

PCデザインカンプ

SPデザインカンプ

*課題制作後、提案書を作成しました

上記の要件を元に設定したペルソナ


要件やペルソナについて整理したのち、採用サイトを制作するにあたって自分自身が就職活動などを行う上で「大切にしていること」は何だったか、改めて考えてみました。


要件に記載のあった通り、TSUTSUMU株式会社では

・多くの応募があったら嬉しい

・未経験よりは経験者採用の方が嬉しい

という希望がありながらも

「カルチャーフィットする」ということを最も大切にしていると考えられたため、TSUTSUMUの世界観をいっぱいに出した採用サイトを作成しようと考えました。

*工夫したところ

1.配色

事業内容(ママや赤ちゃん関係がメイン)▶︎ピンク系、ベージュ系、暖色系

優しさ/ママと赤ちゃんのイメージ/事業内容 などから以下の配色で制作いたしました。

2.各セクションの背景の差別化

世界観を大切に製作▶︎ときめきやワクワク感の出る背景を配置

(例)

採用サイトである▶︎情報が読み取りやすく、落ち着いた色味で単色背景

(例)

3.ページ遷移が少なくても情報を入手しやすい設計

ページ遷移が多いと読み込みに時間がかかってしまうなどの原因で途中で離脱する方が少なからずいると考えたため、ページ遷移が少なく情報を入手しやすい構造で作成いたしました。


4,エントリーボタンを最下部のみに設置

「多くの方に応募してもらいたい」ということが最大の目的であれば、ヘッダーから追従してくるエントリーボタンを設置することが望ましいと思いますが、今回は「世界観にカルチャーフィットする」ことが最も重要と考えられたため、あえてエントリーボタンは最下部にある企業メッセージ後のみの設置としています。

最下部のみにあることによって得られると考えた効果

・LP全体を見た方が応募してくれる

・世界観や事業内容、働き方などをしっかりと考慮した上でえ応募してくれる

・企業からのメッセージと共に設置することで、「カルチャーフィット」に対する最後の一押しを経た上でエントリーしてくれる

・より世界観にフィットする方からの応募が見込まれる

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

・LPデザインの作成は後にコーディングすることを考えた上での設計が必要であること。

・クライアント様が何を伝えることを大切にしているかによって、情報設計やトンマナが大きく違ってくること。

・コーディングをする上で、マークアップなど事前準備をしっかりしておくことが大切であるということ。