TOMMY HILFIGER x OMM
3D CLOTHES
CUSTOMISER
A global, responsive 3D clothes customiser that allows consumers to create their own t-shirt or hoodie and personalise it with a variety of Tommy graphics. Each design was entered into a competition where the most voted for garment gets made into an actual product available to purchase.
Check out the live site here.
MOVING FORWARD TOGETHER
Tommy Hilfiger is all about supporting communities, so we created this tool to show the world of fashion and consumers what is possible by upcycling leftover fabrics into brand new garments.
CUSTOMISE YOUR LOOK
Our 3D WebGL clothes customiser allowed consumers to select fabric slices, colours and add Tommy Hilfiger graphics to the front or back of the garment, all in realtime.
SHARE
AND VOTE
We created a voting system that allowed consumers to share their custom garment and have their friends vote for it. The two designs with the most votes then was made into real products that could be purchased. A Top 10 Leaderboard allowed consumers to see the most popular designs from around the globe.
WINNING DESIGNS
Thousands of unique t-shirts and hoodies were created by Tommy fans from all over the world. The fans then voted for their favourite two designs to be made into real products. These were then made shoppable on the very site that enabled their creation.
INFLUENCER AUCTION
The winning designs were used as a base by influencers from around the globe to design their own versions. Giving each region an exclusive one-off design that true fans could purchase exclusively via Catawiki, with all the funding going to charity.
WEB GL
ASSETS
We built our 3D WebGL platform from the ground up to handle all the possible design variations and to ensure each one could be mass produced in real life based on the renders. All garments were created in Marvelous Designer and exported as GLB files to keep file sizes small and loading times quick.
ANIMATED &
RESPONSIVE
We designed the website to be fully animated – from the moment the site loads to each element appearing on a page. They are coded to work smoothly and seamlessly on both mobile and desktop.
