LP制作(PCデザイン/SPワイヤーフレーム)【コワーキングスペース】

OVERVIEW

女性専用キャリアスクールのLP制作に取組みました。クライアントからの要件書とPCワイヤーフレームを元に、PCのワイヤーフレーム改善、デザインカンプとSFのワイヤーフレームを制作しました。【SHElikes MULTI CREATOR PROJECT 課題】

YEAR 2022

【制作時間】約20時間
【使用ツール】Photoshop

*制作したLP

<PCデザインカンプ/SPワイヤーフレーム>

*制作依頼情報

<クライアントから提示されたワイヤーフレーム>

*工夫したこと

ターゲット・目的・ペルソナについて、自分なりに深掘りし、再設定をいたしました。
ペルソナについては、解像度を上げるため、かなり詳細に作成いたしました。

また、目的の明確化や、LPを運用したその先に、効果測定をおこないやすいよう、目的を数値指標(KPI)にも落とし込みました。

▼Before

▼After

▼Before

▼After


目的を達成しやすい構成・デザインを制作するため、ワイヤーフレームを作成する前に、カスタマージャーニーマップを作成いたしました。

▼カスタマージャーニーマップ


デザインのトンマナにブレが生じないよう、イメージボードを作成した上で、デザインに着手いたしました。


デザインをおこなう上で工夫したこととしては、ターゲットが都会のキャリアウーマンだったので、メインカラーをブラウンとしつつ、シンプルにスッキリとまとめることで、「落ち着いていて、洗練されている感」を持たせました。

また、笑顔が溢れている女性の写真や、リーフ型のモチーフをリズム感を持って配置することで、女性らしい「しなやかさ」を伝えるようにしました。

サービス設定が、「理想の姿に向かって頑張る人に、その理想の姿を叶える場を提供する」だったため、サイトに来た人に、「ここでなら理想の自分になれるかもしれない!」と思ってもらいたいと考え、グラデーションを使ったり、光がたっぷり入った写真を取り入れることで、「希望」「開放感」「キラキラした未来」を感じてもらえるようにしました。