見どころ
わくわくすることコツコツと
ABOUTわたしのこと
しごと / かつどう
SKILLSできること
WORKSつくったもの
ターゲット
自身の活動やスキルを伝えるポートフォリオとして設計。クライアントに直感的に内容が伝わるUIを重視。
課題
情報量が多くなると閲覧者が迷子になりやすい。カテゴリー分けと視覚的な導線が必要。
目的
制作物や経歴を整理して見せることで、自分のスキルセットを効果的にアピールする。
レスポンシブ対応で、PC/スマホどちらでも快適に閲覧できるよう設計。
デザイン・実装上の工夫
トップは、手描きの線で世界が描かれ、ドット絵のフェレットと動物たちが落ちて弾みます。
年表は、スクロールに合わせて一本の線が引かれ、フェレットが先頭を進みます。
ドット絵やお花のアイコンの雰囲気にそろえて、茶色の線とパステルの色でまとめました。
再利用可能なUI片をコンポーネント化し、スケールしても保守しやすい構造に。
使用言語 / 技術
Next.jsReactTypeScriptTailwind CSSCanvasSVGVercel