![](../../img/works-7.jpg)
Naoya Inoue Portfolio Website
自身のポートフォリオサイトを制作しました。
HTML / CSS(SCSS) / Javascript / GSAP / Figma / Lightroom / VSCode / FileZilla / Spline
![](./img_1.jpg)
キャッチコピーは「新しい価値観・知識を常に取り入れ、変化し続ける」という自身の生き方を表しています。
![](./img_2.jpg)
![](./img_3.jpg)
![](./img_4.jpg)
3Dオブジェクトはsplineで制作。様々な色や形に変化する球体は私自身を表したものであり、根底にある揺るがない価値観を持ちつつも、新しい価値観を吸収して変化し続ける様を表現しています。各色のオブジェクトを個別に作成し、それらをアニメーションで繋ぎ合わせました。
![](./img_5.jpg)
3Dオブジェクトの読み込みに0.5秒程度かかるため、トップページにローディング画面を採用しています。
![](./img_6.jpg)
![](./img_8.jpg)
TOPはニューモフィズムを採用。クリック可能な部分はでっぱり、それ以外の部分はへこみを持たせ、直感的にボタンであることが理解しやすくなるようにデザインしました。
![](./img_9.jpg)
メニューボタンは右手の親指が一番楽に届く位置に配置しています。
![](./img_10.jpg)
ブログのモバイルデザインはメインコンテンツである画像が大きく見ることができるように、パディングを外しています。