WORKS

6,7期 グラフィックインフォメーション 授業課題

ポートフォリオサイト(このサイト)

デザイナーはポートフォリオが命!

ポートフォリオサイトを制作するにあたって何を見てほしいか、ユーザーは何が見たいかを意識してその最大公約数でデザインしました。具体的には「あなたの名前は?」「何作ってるの?」「どんな人なの?」「何ができるの?」という4つに絞りました。この4つの要素は全て縦長のトップページに収めました。作品は全ては収まりきらないのでトップページではランダムな作品を2列に収まる数だけ表示するようにjqueryで制御しています。作品一覧のページはshuffle.jsというライブラリを使って実装しました。作品ジャンルごとでフィルタリングできて採用担当者などが特定のデザイン分野だけパパっと確認したい時に便利です。

URL index.html
制作ソフト Illustrator sublimetext
使用技術 html5 css3 jquery easing shuffle.js ajax svg
製作期間 デザイン2週間 コーディング3日

関連する作品

作品一覧へ戻る