【実案件】イラストレーターのポートフォリオサイト制作(PC/SPデザイン)
OVERVIEW
イラストレーターのポートフォリオサイトを制作しました。デザインカンプの制作を担当しています。レスポンシブ対応で流体シェイプのアニメーションをデザインに盛り込みました。
【制作期間】2週間
【使用ツール】Photoshop/Figma
|要件
クライアント
フリーランスのイラストレーターYukaRi様。イラストレーターとしての活動だけでなく、漫画家のアシスタントとしても活動中です。
制作目的
イベント参加に向け、名刺代わりのポートフォリオを作る
ご要望
- 錦鯉のイラストをメインビジュアルに使って欲しい
- 緑色をテーマカラーとしてデザインをまとめて欲しい
配色
|TOPページ
|作品一覧ページ
|作品詳細ページ
|工夫したこと
緑をメインカラーにしたいとのご要望でしたので、デザイン制作前に緑を使った雰囲気の異なるイメージボードを4種類作成して、クライアントの希望するイメージを擦り合わせました。
YukaRi様ご自身でつけた副題「形のない部屋」は、作品を通して特定の感想や印象を抱いてほしいのではなく、見る人によって感じるものが異なるような作品を作りたいという気持ちを表しており、サイトデザインのコンセプトにしています。
形が変化し続ける流体シェイプと色味の異なるグリーンをグラデーションで使用することで、「形のない部屋」のコンセプトを表現しています。
背景の流体シェイプに文字が重なる部分は読みにくくなるので、文字に背景色の影をつけて視認性を上げています。