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
