Menu

00

year

2026

year

2026

client

Rei Kikkawa

client

Rei Kikkawa

tools

Figma Google Antigravity Three.js GSAP

tools

Figma Google Antigravity Three.js GSAP

LINK

LINK

My senior, Rei Kikkawa bound hand-made butterflies photos into a 70 pages book as a graduation work. She published it through GoogleDrive, but it was hard to look them and hard to feel the beauty of paper butterflies due to GooleDrive’s UI.

As such I suggested turning it into a website to her.

01

02

The Core Value 1. Simplicity 2. Curiosity 3. Fast loading

The Core Value 1. Simplicity 2. Curiosity 3. Fast loading

03

Having defined the core values, I created a draft along with the care values in Figma.

Having defined the core values, I created a draft along with the care values in Figma.

04

I built multiple carousel prototypes using Three.js. Considering visibility, and the core values, I picked up the most appropriate carousel(no.3).

I built multiple carousel prototypes using Three.js. Considering visibility, and the core values, I picked up the most appropriate carousel(no.3).

05

I built this website in just three days, using Google Antigravity, a new AI-powered coding platform and IDE developed by Google. In my opinion, this AI agent is much smarter than any other AI coding agent.

I built this website in just three days, using Google Antigravity, a new AI-powered coding platform and IDE developed by Google. In my opinion, this AI agent is much smarter than any other AI coding agent.

06

I valued each year, because this book is a bunch of both photos and her memories. As such, I added on Text Animation to feature memories.

I valued each year, because this book is a bunch of both photos and her memories. As such, I added on Text Animation to feature memories.

07

To support mobile devices, I converted the horizontal carousel into a vertical one. Also, I have converted some fires into other actions and omitted some actions.

To support mobile devices, I converted the horizontal carousel into a vertical one. Also, I have converted some fires into other actions and omitted some actions.

08

For usability reasons, the hit areas for the Next and Previous areas were adjusted significantly depending on the device. As a result, the interface is now comfortable to use on mobile as well.

For usability reasons, the hit areas for the Next and Previous areas were adjusted significantly depending on the device. As a result, the interface is now comfortable to use on mobile as well.

09

“Thank you so much for making it! 😭 I never imagined the website would actually come to life, so I'm thrilled you made it look this amazing!” – Rei Kikkawa, 2026

“Thank you so much for making it! 😭 I never imagined the website would actually come to life, so I'm thrilled you made it look this amazing!” – Rei Kikkawa, 2026

010

CSSWINNER STAR NOMINEE

CSSWINNER STAR NOMINEE

WEBSITE

LINK

Next Project

Next Project

Portfolio2026

Fuminari AriyoshiBorn and raised in Kyoto

about

Born and raised in Kyoto, I grew up with parents who run their own Japanese restaurant. From UI/UX design to 3D projects in tools like Cinema 4D, I don’t limit myself—I’ll use any medium necessary to deliver the best design and meet the needs of each project.
→CSSWINNER STAR FEB'26

about

Born and raised in Kyoto, I grew up with parents who run their own Japanese restaurant. From UI/UX design to 3D projects in tools like Cinema 4D, I don’t limit myself—I’ll use any medium necessary to deliver the best design and meet the needs of each project.
→CSSWINNER STAR FEB'26

about me

Create a free website with Framer, the website builder loved by startups, designers and agencies.