<課題>LP制作|情報設計・デザインカンプ

OVERVIEW

SHElikes MULTI CREATOR PROJECTの課題として架空クライアント依頼という設定で、LPのワイヤーフレームの修正及び(PC版・SP版)、デザインカンプの作成を行いました。

YEAR 2022

 制 作 期 間 :約2週間(平日1時間、休日6時間) 

 制 作 範 囲 :クライアントより渡されたワイヤーフレーム分析・修正案作成、

       PC・SPデザインカンプ

 使用ツール:Photoshop


◆要件(※架空の要件設定です)

■目的

 WORK lounge Aoyamaについて知ってもらうこと

■ターゲット

・ビジネススクールWORKの会員様

・ビジネススクールWORKの会員ではないがWORKが気になっている方

■ペルソナ(下記ペルソナを参考にトンマナを検討)

・32歳女性 東京在住 旦那さんと二人暮らし

・仕事で成果を出したい

・人脈を作りたい

・ゆくゆくは役員や起業も考え、マネジメントやコーチングのスキルも学びたい


◆ワイヤーフレームの修正案

※ペルソナの性格を考えた際、仕事をする上で設備や時間、どんな雰囲気の場所かなど仕事のしやすさが最重要条件になると思い、真っ先に必要な情報がわかることが大切だと考えました。


◆設定した配色  

・明るい交流の場をイメージしたホワイトをベースとし、活発さや前向きさ・向上心をイメージしたオレンジ&イエローをアクセントとしました。そんな中でも配色の分量に注意しターゲットの年代に合わせたブラウン系をメインとし、大人で落ち着いた雰囲気を出しました。

◆制作デザインカンプ



◆工夫したポイント

・ファーストビューに情報を追加

ビジネススクールWORKを知らない方もターゲットとしているため、ヘッダーへ「ビジネススクールWORKについて」の遷移を追加し、ファーストビューで営業時間とお知らせエリアを追加し、使用したいときに使用できる場所かわかりやすくしました。

・設備・室内写真を追加

DRINK MENUは仕事をする上で特別なこだわりメニューなどがない限り選択にかかわらないため縮小し、代わりに設備やフロア写真など追加することで仕事の快適さなどをイメージし使用意欲をもってもらえるようにしました。(仕事可能か不可能かがすぐ判断できる)

・利用料金ボタンを追加

利用方法部分に料金詳細を追加することで使用判断をしやすくしました。

・問い合わせボタンを追加

FAQにお問い合わせへの遷移を追加することで不安を解消・安心感を持ってもらえるよう意識しました。

・TOPへ戻るボタンを追加

長いページの閲覧がしやすいようTOPへ戻るボタンを追加しました。

・余白統一

上下左右の余白の細かいサイズ統一を行い、統一感やエリアごとのまとまりを意識しました。

◆今回の課題を通して学んだこと

・先方のワイヤーを鵜吞みにせず、ペルソナや目的を意識することで追加要素や優先順位が大きく変わってくるため深く検討することが大切なのだと感じました。

・余白やボタンなど飾りでも印象が変わってくるため、ペルソナを明確にし検討することでイメージ統一がされると実感しました。