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

OVERVIEW

SHElikes PROデザイナーコースの4つ目の課題として、Webサイト制作に取り組みました。架空のクライアント様からの要件に沿って、ワイヤーフレームがある状態からデザインカンプを制作することに挑戦しました。

YEAR 2026

【概要】

制作時期:2026年3月

制作範囲:Webサイト制作

制作ツール:Photoshop

制作の目的:

  • ワイヤーフレームがある状態からデザインカンプを制作することに挑戦する
  • イメージを固めるためのムードボード作成に挑戦する
  • Webデザインを制作する際に気をつけるべき点を学ぶ
  • PCとSPのレイアウトの変化を自分で考えられるようになる

【要件定義】

【ペルソナ】

【制作物】

【ムードボード】

【工夫したこと】

  • 文字の羅列だけの印象にならない様に画像と文字の配置にこだわった
  • 全体の世界観を崩さない様にムードボードをしっかり作り上げて、そこからブレない様に意識して制作した
  • ぱっと見で必要な情報を伝えられる様に画像だけでなくアイコンを使用した

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

ヒアリングの内容やペルソナ像に基づいて、クライアントが求めていることを考え、それに近づけるための配色・画像選びをすることの難しさ、大切さを学びました。最初に設定したペルソナ像を意識して制作を進めていくことで世界観がブレずに制作できることに気づき、改めてペルソナ設定の重要性を感じました。

常に視線誘導を考え、クライアントから提出されたWFをブラッシュアップして、一から制作することで”なぜこの配色にしたのか”等、自分の制作意図を言語化する必要性を学びました。