Portfolio Site
Web Site
UI design / Coding
2022.4
概要
自分自身のポートフォリオサイト。
宇宙とねこをコンセプトに制作し、世界観が伝わるデザインを目指しました。
楽しみながら掲載する作品数を増やし、コードや表現を試す実験場としても使っていきたいので、何よりもまず自分が気に入るデザインに作りました。
また、営業や転職活動に向いているビジネスライクなものを、作品を厳選してResumeやforiioなどのサービスを利用して作成しています。よろしければご覧ください。
Resume
foriio
サイトの目的
自分が現在できることや世界観が伝わり、楽しんでいただけるポートフォリオを目指しています。
手作りの素材を積極的に使用して、どのようなデザインを得意としているのか、何ができるのかがサイトを回遊することで分かるようになっています。
サイト設計
宇宙を連想させるデザインにしました。
ホバーするとぼんやり光る星や惑星が連想できるアニメーションや暗い色の背景を活かしたネオンのように見える表現を使用しました。
文章は簡潔にわかりやすくまとめています。
TOPページはABOUT,WORKS,CONTACTページの要点をまとめたページになっており、TOPページで概要をざっと知ることができます。さらに知りたい場合は、ボタンからリンクすることができます。また、CONTACTページへの導線はとくにわかりやすくしました。
ヘッダーやフッターなどの共通パーツは、PHPで外部ファイル化しました。お問合せページもPHPで作成しています。
個別の作品ページは、作品のイメージを引き立たせるために、フォントやボタン、文字の装飾の色を白に揃えました。
使用ツール、機能
HTML5, CSS3, PHP, Javascript, Bootstrap5, Slick, CSSアニメーション, Adobe Character Animator, Adobe Illustrator
制作期間
ロゴ: 約3日
UIデザイン: 約4日
コーディング: 約10日
WORKS
