LP制作(PCデザイン/SPワイヤーフレーム)【コワーキングスペース】
女性専用キャリアスクールのLP制作に取組みました。クライアントからの要件書とPCワイヤーフレームを元に、PCのワイヤーフレーム改善、デザインカンプとSFのワイヤーフレームを制作しました。【SHElikes MULTI CREATOR PROJECT 課題】
【制作時間】約20時間
【使用ツール】Photoshop
*制作したLP
<PCデザインカンプ/SPワイヤーフレーム>
*制作依頼情報
<クライアントから提示されたワイヤーフレーム>
*工夫したこと
ターゲット・目的・ペルソナについて、自分なりに深掘りし、再設定をいたしました。
ペルソナについては、解像度を上げるため、かなり詳細に作成いたしました。
また、目的の明確化や、LPを運用したその先に、効果測定をおこないやすいよう、目的を数値指標(KPI)にも落とし込みました。
▼Before
▼After
▼Before
▼After
目的を達成しやすい構成・デザインを制作するため、ワイヤーフレームを作成する前に、カスタマージャーニーマップを作成いたしました。
▼カスタマージャーニーマップ
デザインのトンマナにブレが生じないよう、イメージボードを作成した上で、デザインに着手いたしました。
デザインをおこなう上で工夫したこととしては、ターゲットが都会のキャリアウーマンだったので、メインカラーをブラウンとしつつ、シンプルにスッキリとまとめることで、「落ち着いていて、洗練されている感」を持たせました。
また、笑顔が溢れている女性の写真や、リーフ型のモチーフをリズム感を持って配置することで、女性らしい「しなやかさ」を伝えるようにしました。
サービス設定が、「理想の姿に向かって頑張る人に、その理想の姿を叶える場を提供する」だったため、サイトに来た人に、「ここでなら理想の自分になれるかもしれない!」と思ってもらいたいと考え、グラデーションを使ったり、光がたっぷり入った写真を取り入れることで、「希望」「開放感」「キラキラした未来」を感じてもらえるようにしました。