ハンバーガーメニュー
ポートフォリオFV

#webサイト

田中ひかるの
モノづくり旅日記

概要

自分のポートフォリオサイトを作成しました。

ターゲット

デザイン業務を行っている企業様全般。

担当内容

ディレクション・企画・デザイン・コーディング

制作期間

デザイン 2週間 コーディング 3か月
(Visual Studio Code / Illustrator / Photoshop / CLIP STUDIO PAINT)

自分の人柄を全面的に出したデザインで作成しました。絵本のような優し気な雰囲気で、かつポップで元気なデザインとなるように意識しています。見てて飽きない・面白いと感じていただけるよう、アニメーションやイラストなど様々な要素を組み込んでいます。

楽し気なデザインの中にしっかりと作品を見せるという部分を作り、一つ一つこだわったところやどうしてそうしたのかを端的に説明しています。全体のデザインを見やすいように、最後に言葉を入れずに画像を配置しています。

プロセス

ポートフォリオの私についてページ
ポートフォリオのデザインページ

相手に伝える。届ける。というところから、自己紹介のページははがきや手紙を意識させるデザインにしました。ぺらっと紙をめくるような動きを入れることで、さらにウェブサイトなのに紙物を連想させるようにしています。

デザインとアートギャラリーのページでは、タイトルをタイポグラフィにすることで、ポップさを出しています。そして、各作品のFVをコルクボードに思い出を刺して飾っているようなイメージで作成し、トリコロールの柄を入れることで前のページとの関連性を出しています。

完成図

ポートフォリオサイト一覧画像
デザイン一覧へ戻る付箋