モックアップ

ポートフォリオサイト

カテゴリー
ポートフォリオ
担当範囲
デザイン・イラスト
ライティング・コーディング
制作期間
2ヶ月
ツール
Illustrator
Procreate
HTML・CSS・jQuery

自身のポートフォリオサイトです。
見る人がまず何を知りたいかを考えて、コンテンツや順番を決定しました。

制作のポイント

白とベージュを基調に、アクセントカラーとして碧色を使い、「物語」を連想するデザインにまとめました。 縦書きのレイアウトを入れて動きをつけ、物語を読むときのゆったりとした空気感を表現するため、余白を広く取ることを意識しました。
コーディングではデザインカンプの再現だけでなく、CSSのアニメーションやjQueryで動きをつけることで、単調さをなくし、UIもよくなるよう工夫しました。