【課題制作】Webサイト制作(コワーキングスペースLP)

OVERVIEW

SHElikes PROデザイナーコース4つ目の課題。ワイヤーフレームがある状態からデザインカンプを制作することに挑戦しました。使用ツール | photoshop

YEAR 2026

【目次】

01 制作物

02 課題要件

03 ペルソナ

04 ムードボード

05 ワイヤーフレーム

06 ストーリー

07 工夫したこと

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

01【制作物】


02【課題要件】

03【ペルソナ】


04【ムードボード】

【コンセプト】

<ラグジュアリーな空間、女性らしい温かみや優しさも感じられる空間>

・ペルソナ像や課題中のヒアリングより、自己成長に意欲的な女性・経済的に余裕がありお洒落な空間で勉強したいという内容から設定しました。

・女性ユーザーの利用が多いことからビジネスイメージが強くなりすぎないように、居心地の良い温かみのある空間作りも意識しました。


△上記より高級ホテルのラウンジをテーマにし、ゆとりのある空間を想像できるwebサイトを作成しました。


05【ワイヤーフレーム】

06【ストーリー】

07【工夫したこと】

08【制作を通して学んだこと】

◎ヒアリングの内容やペルソナ像に基づいて、クライアントが何を求めているのかを考え、そこに近づける為の配色・画像選びをすることの大切さを学びました。

◎常にペルソナを意識しながら制作を進めていくことで、ブレずに制作できることに気がつきペルソナ設定の重要さを改めて感じました。

◎どのように配置をすると視線誘導が上手くいくのかを考え、クライアントからいただいた WFをブラッシュアップをする、そこに配色や画像を加え、クライアントの求めている物を制作するという経験をし、何故このようにしたのかを言語化する必要性をこれまで以上に感じました。