BUILD NOTE

ポートフォリオを『作品の軌道』として作り直す

カードを並べるだけではなく、作品を触って探索するStudioへ。設計の意図と、読みやすさを両立するための分け方をまとめます。

Portfolio / Interaction / WebGL

これまでのサイトには、作ったものの名前と技術は並んでいました。ただ、完成したカードが増えるほど、なぜ作ったのか、どこを自分で考えたのかが見えにくくなっていました。

そこで、新しい入口を Material Orbit と呼ぶことにしました。作品を同じ大きさのカードとして扱わず、それぞれを異なる物体として空間に置きます。クリックすると、その物体の背景、担当範囲、使った道具が開きます。

一方で、すべてを3Dに閉じ込めると、就活で短時間に確認したい人や、文章を読みたい人には不便です。そのため、Studio、Career、Works、Blogを同じサイト内で分け、作品データだけを共有する構成にしています。

現在の物体は仮レンダーです。最終的には、自作した3Dモデルや実物から作ったモデルへ順番に置き換えていきます。

← ブログ一覧へ