TT—32.
TT-32 (Tim Turns 32) was a personal project celebrating my 32nd birthday. Unfortunately, Covid-19 happened, and the dinner never happened, but thankfully the website did.
Read more+
The site started as a build to experiment with all kinds of stuff I'd wanted to try, such as 3D graphics, background blur filters, fancy typography, and most of all, a horizontal scroll (which you should never use, except when you're doing a cool project like this).
I used the horizontal scroll as a design technique to symbolize the passing of time (fitting for a birthday party). Much like how a movie passes by your eyes, it feels like a journey.
It was a lot of fun, and I learned a great deal about scroll-in triggers that tend to get wonky in combination with a horizontal scroll. Apart from that, making 3D graphics look like futuristic ice cream made me crave real thing all the time.
Prototyping
Creative Direction
![A tablet on a grey background displaying the TT-32 website homepage hero section](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0c5b481f32c381e955ea_TM%E2%80%9432%E2%80%9403.jpg)
![3D graphic of a pointy green swirl](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0d2d6822deb33a57ba7e_TM%E2%80%9432%E2%80%9407a.jpg)
![Mobile Coming Soon Screen for the TT-32 website](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0e85fab9d2377f4fee1a_TM%E2%80%9432%E2%80%9405b.jpg)
![Mobile Coming Soon Screen for the TT-32 website](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0e6f481f320aafe98180_TM%E2%80%9432%E2%80%9405a.jpg)
![Mobile Coming Soon Screen for the TT-32 website](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0e9548c757e393aa70dd_TM%E2%80%9432%E2%80%9405c.jpg)
![A tablet on a grey background displaying the TT-32 RSVP section of the page](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0ea8ed44df07ebf3b373_TM%E2%80%9432%E2%80%9406.jpg)
And...ah 1, 2, 3D
I love making 3D graphics in my spare time, and I'm amazed at what you can do with textures and modeling shapes. For this project, I got inspired by the form of ice cream, the one thing I eat a lot on my birthday.
I modeled various abstract shapes and made them look like futuristic ice cream and cakes. Then, inspired by the twist in the candles we usually place on the cake, I designed the number-shaped graphics with a similar inward twirl.
![Zoomed in detail shot of a 3D green swirl](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0f477e9f276eea4435ec_32-003vacde-Current-View-2.jpg)
![A rippled 3D orb](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0f7d0c6b5b8521be72c3_TM%E2%80%9432%E2%80%9408.jpg)
![A butterfly shaped 3D graphic bow](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0f885dd121db62ac6c60_TM%E2%80%9432%E2%80%9409.jpg)
![3D graphic of the number '32'](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0fd00d55209b34b189ee_TM%E2%80%9432%E2%80%9410.jpg)
![A 3D graphic of the number '32'](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0fe50d5520534ab18dd5_TM%E2%80%9432%E2%80%9411.jpg)
![A collection of 3D graphics created for the TT-32 website](https://assets-global.website-files.com/634076927dbc5e3cdce5d0d6/63bf0ffc2afd5229876ab889_TM%E2%80%9432%E2%80%9412.jpg)
Lead Webflow Developer