logo

menu__btn

WORKS

HP

イララストレーター / ポートフォリオサイト「tuizhaaaa」 (クライアントワーク)

ターゲット

アートが好きなSNS経由の10代〜20代の訪問者やファン。

目的

これまでの作品を見てもらうため。
仕事依頼を受けるため。

情報設計

作品を細かくカテゴリーごとに分けたいというクライアントさまの要望をもとに、トップページの中央に作品カテゴリーを配置し、ゲームのように選択できるような設計にしました。
作品ページ内の設計は2パターンに分けており、作品数が10枚以下の場合はPC:2列 / SP:1列、10枚以上の場合はPC:5列 / SP:2列にし、見やすさを意識しました。
作品を細かいところまでじっくり見ていただけるよう、作品をクリックするとポップアップ表示されるようにしました。
スライダー内の作品はクライアントさまがZINEとして出していたものだったため、1つの作品としてまとまりを持たせるために工夫しました。

デザイン

作品を目立たせるためにベースをグレーにし、アクセントカラーは作品に使われていたネオンカラーを使用しました。
レトロでチープな雰囲気が要望だったため、トップページの作品カテゴリーのアイコンはGIFにし、遊び心のあるデザインに仕上げました。

制作期間

企画書 4日間
ワイヤーフレーム 3日間
デザイン 10日間
コーディング 14日間

使用ツール

Photoshop / Figma / Visual Studio Code