コワーキングスペース LPデザイン制作（PC / SP）

■目次

１．事例紹介

２．与件

３．課題で学んだこと

４．制作物 (PC/SP)

+‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥+

１．事例紹介

クライアント名：WORK inc.

女性向けのビジネススクールを運営。20～30代の女性をターゲットに、ビジネススキルを磨く場として展開。定期的にビジネスコンテストなども実施。

２．与件

☑ Web制作の目的：会員制カフェ＆コワーキングスペース「WORK Lounge AOYAMA」について理解をしてもらう、来客を促す。

☑ ペルソナのニーズ：キャリアアップをより目指していきたい。一人で黙々と取り組むよりも、近い目線のキャリア志向のある女性と繋がり、挑戦していきたい。

３．課題で学んだこと

スクラッチでカンプを制作しましたが、すでにあるワイヤーフレームを編集し、新しく提案を行うことを学習しました。すでにワイヤーフレームを作成されていることもあり、大きくは変更をしないという制約の中で提案を考えました。クライアントのリクエストをよく確認し、会員と今後の会員へサービスを理解して使用していただくといったゴールを達成できるような設計を講師と現場で一緒に作っているような形でアドバイスをもらいながら考え、完成させることができました。

４．制作物

LP案1 （PC - デザインカンプ）

大人の女性をターゲットとしているため、可愛すぎず、女性らしい品格のあるテイストに仕上げました。

ビジネス志向ということもあり、装飾は省き、情報が伝わりやすいよう全体的にシンプルにしています。ファーストビューは自動スクロールで3枚（人との交流・空間・イベント開催のイメージ）画像を入れている想定です。

LP案2 （スマホ版 - ワイヤーフレーム）

ファーストビューをスマホ1面に設定しました。下にスクロールされる前提で情報設計をした結果、コンテンツ真ん中にあるカルーセル部分をなくし、特にスマホ版では隠れた情報をなるべく減らし、表に出すよう心掛けました。