【課題】LPデザイン制作

OVERVIEW

■SHElikes MULTI CREATOR COURSEの課題 ■架空のクライアントからの要件書とワイヤーフレーもとに要件定義、情報設計、ワイヤーフレームの改善提案、デザインカンプの作成 ■使用ツール:Photoshop ■制作時間:2週間

YEAR 2024

【目次】
①制作物
②課題内容
③情報整理、再設計(ワイヤーフレームの改善提案)
④デザインで工夫した点
⑥制作を通じて学んだこと

①制作物

▼PC用デザインカンプ/SP用ワイヤーフレーム


②課題内容

▼クライアントからの要件書とワイヤーフレームをもとに下記を制作する。
 ①PC用ワイヤーフレーム(情報を再設計し、改善案があれば提案する)
 ②PC用デザインカンプ
 ③SP用ワイヤーフレーム

▼クライアント様情報・要件書(ヒアリング情報をもとに整理)


▼ペルソナ


③情報設計

▼ワイヤーフレームの変更提案(情報の再設計)


▼制作物のコンセプトと配色について

・コンセプト
クライアント様からのターゲット情報やぺルソナ像から、コンセプトを【ワンランク上をめざす大人女性のコワーキングスペース&カフェ 】に決定。

ある程度の社会人歴があり、向上心、上昇志向の高い女性向けサービスと整理したので、カジュアルさを避けつつ女性らしさや高級感を感じさせる配色を検討しました。
色のイメージから与える印象を考慮し3色でまとめました。
・ゴールド:高級感、誇り、自信
・レッド:強さ、情熱、前向きな印象
・グリーン:安心、調和、成長
※レッドとグリーンはダークトーンで高級感や重厚さを感じさせる。
※色数を抑えて統一感を出すためWebページ内では同じ色の不透明度違いを使用。


④デザインで工夫した点

▼ファーストビュー


▼コンセプト


▼サービス


▼ご利用方法


▼WORKについて


▼頑張ったポイント

1、 仕事を想定して要件定義・情報設計を丁寧にすること
目的、イメージ、希望がぶれないよう、クライアント様とのやりとりの録音を何度も聞き、整理して制作にあたりました。

2、 ペルソナに合ったイメージのデザインと配色
ターゲットが好みと感じそうなデザイン、色選びになるようペルソナを何度も見返して参考イメージを探しデザインに作り込みました。

3、 ユーザーストーリーの検討
ターゲット(ペルソナ)と目的は明確なのでそこを見失わず、成果(既存会員の利用者増大、WORK会員様の増大)が最大化するようユーザーストーリーを考え、それに合うよう追加要素や構成を考えました。また要素は競合(他のカフェやコワーキングスペースのHP)と比較しつつクライアント様の優位点をアピールすることも意識しました。


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

・ 要件定義の重要性
要件定義と情報設計で制作内容が大きく変わることを理解しました。作りながらクライアント様に確認したいことがたくさん出てきたので、今回は想定し進めました。実案件では、終盤でクライアント様の希望と全然違うということにならないよう、クライアント様と要件定義と情報設計の段階から確認作業をしっかり行います。
また、デザインを通してクライアント様の目的を達成するためにひとつの表現に固執せず、常に柔軟に、アンテナを張り巡らせて自分の情報をアップデートして制作に活かしていきます。

・デザインの言語化力
現役のデザイナーからフィードバックやアドバイスをもらい、デザインの意図や自分の考えを言語化する力が磨かれました。