架空LP制作（PC/SPデザイン）

①要件

◆クライアント名： WORK Lounge Aoyama

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

◆目的：会員様限定のカフェ＆コワーキングスペースをオープンすることになり、利用方法やアクセス情報を載せたWeb サイトを制作したい。/ WORK lounge Aoyama について知ってもらいたい。

◆ターゲット：ビジネススクールWORK の会員様 / ビジネススクールWORK の会員ではないがWORK が気になっている方

◆ペルソナ：下記の通りを元に制作していただきたい

 ②制作した作品

③工夫したこと

◆ゴール設定のユーザストーリー作成

クライアント先の「WORK Lounge Aoyama」について知ってもらうために、全体的の目的を３つのテーマを絞るようにいたしました。

◆世界観のテーマ（方針決め）

まずはどのようなコワーキングスペースにするべきか、という課題について「成長」「繋がり」「快適」の3つのキーワードをオリジナル制作を行い、さらに「WORK Lounge Aoyama」を知るために、情報提供として「ロゴ」をオリジナル制作いたしました。

◆ビジネススクールWORK 会員/非会員について

◆共通

お客様会員制とはいえ、最終的な目標としてはスマートアプリケーションから入会させていただくことを目標にWeb サイトを制作していくようにいたしました。

◆ビジネススクールWORK会員

WORK Lounge Aoyamaのご入会していただくために、アプリケーションのダウンロードをしていただくように紹介をする。

◆ビジネススクールWORK 非会員

初めての方には、CONCEPTに専用ボタンを作成することでWORK Lounge Aoyamaについて知ってもらうように情報提供する

◆配色

・ベースカラーはキービジュアルの画像に合わせるようにクリーム色に対し、メインカラーはベースカラーの反対色に黒色で「シンプルさ」を見せるようにいたしました。

・アクセントカラーは、下記の2色のイメージカラーで統一させました。

　　「快適」「繋がり」→　橙色：社交性，親しみ，安心

　　「成長」→　緑：リラックス，知的，癒し

◆文字

・ゴシック体で「親しみやすさ、視認性」を高くするように対し、PLANの数字にかかわる項目についてはPoppinsで「シンプルさ、綺麗さ」を見せるようにしました。

◆余白

110px・130pxを中心に余白を大きく使用し、80px以下の余白については中見出し、小見出しの間を使用するようにいたしました。

◆装飾

ロゴテーマにそろえて、1人1人の「美しさ、華やかさ、魅力」をお客様に例えるように装飾いたしました。また、コワーキングスペースの周りには、植物を置いてナチュラル・癒しな雰囲気で集中してスキルを高めていただけるようなメッセージを込めて、装飾いたしました。

④制作を通して学んだこと

◆LP制作の制作方法

初めての1から作るLP制作でしたが、①デザインカンプ→②ワイヤーフレーム→➂Webデザインの手順で進めたところ、ユーザーから必要な情報はいただいていましたが、自分の意見やデザインをまとめる重要性や積極性が大事なことを学びました。

◆世界観・要件定義の大切さ

LP制作を通して、様々なWEBサイトを見本やデザインを探していく内にユーザーと私自身の作品をどのように合致して作品を作り上げていくかは、一番最初の「要件定義」によって作品は決まることの重要性を学びました。