【課題】LPデザイン制作（会員限定カフェ＆コワーキングラウンジ）

目次

• 要件
• ワイヤーフレーム
• 制作したLP
• 制作のポイント
• 課題を通して学んだこと

▼要件

【クライアント情報】
クライアント名：WORK ,inc.
女性向けのビジネススクールを展開している。 会員は20~30代の女性が多く、 キャリアアップのためにビジネススキルを学び、 さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも開催されている。

【ターゲット】
・ビジネススクールWORKの既存会員、まだ会員ではないが気になっている方
・20〜30代のビジネス感度の高い女性

【目的】
・WORKloungeAoyamaの認知拡大
・WORKloungeAoyamaをきっかけにビジネススクールWORKの会員を増やす

【ペルソナ】
名前とコピー：川上 望美 (32)　仕事で成果を出したい
属性：東京在住、某メガベンチャー ゲーム事業部 部長(8年目)、既婚で旦那さんと二人暮らし
背景や行動：仕事に注力している、キャリアアップのため積極的に交流する、外交的
ニーズやゴール：より仕事での成果を出したい、経営の理解を深めたい、経営者までとはいかなくても会社で役員を目指していたり、社会的にインパクトのある仕事をしていきたいと思っている

▼ワイヤーフレーム

▼制作したLP

▼制作のポイント

■コンセプト
仕事に対する意識が高く、向上心がある女性はいきいきとしていることから、「輝き」をコンセプトにし、ダイヤに見立てたあしらいを散りばめました。また、ラウンジやスクールを通して変化していくことをグラデーションで表現しました。

■配色
ターゲットであるキャリアウーマンが持つ内面の強さと、青山という立地から都会的な洗練された雰囲気を紫で、エネルギーと活気を象徴したオレンジを使用し、情熱的で活力に満ちたキャリアウーマンをイメージしました。心理的な面からも、紫は創造性や独自性を引き出し、オレンジは自信や決断力を高める効果があり、これらの色を合わせることで、キャリアに対するポジティブなイメージを与えるグラデーションにしました。

■ムードボード

■工夫したこと
FV内に新着情報を配置
忙しいユーザーのために、サイトを開いてすぐに新着情報が視界に入るようにすることで、一目で情報を伝えられるように配置しました。

必要なセクションを追加
ペルソナのゴールや、イベントを開催しているというクライアントの情報から、イベントに関する情報のセクションを追加し、施設内のサービス情報や料金表といった、ユーザーが気になる内容が不足していると考え追加しました。ユーザーが離脱する前に重要な情報が目に入るように優先順位を考えセクションを並べ替えました。CTAボタンの設置
目的を達成するための行動を促すCTAボタンをヘッダーに設置し、CTAボタンのみ配色を変えることで目立つようにしました。

自作のあしらい
コンセプトである「輝き」を表現したダイヤの装飾を自作しました。多角形ツールで六角形を作り、その上に白〜透明のグラデーションをかけた三角形をさまざまな大きさで重ね、クリッピングマスクをかけて制作しました。全体のバランスを見ながら三角形の位置や大きさを調整しながら、輝いて見えるようにこだわって作りました。

視線誘導
なるべくユーザーが離脱しないために、飽きずにスクロールできるようにということと、サービス利用時のイメージがつきやすいように写真やイラストを多く使用しました。

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

準備されているワイヤーフレーム通りに作成するのではなく、クライアントの目的に沿ってブラッシュアップし、目的を達成するためにより良いデザインを提案することがデザイナーとしての役割であると改めて感じました。また、ターゲットやペルソナの情報を深掘り・言語化することでターゲットに沿ったデザインに繋がることを学びました。