TOMMY HILFIGER x OMM

FLAG

MICROSITE

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.

RELATED WORK

GET IN TOUCH

  • Instagram - White Circle
  • Twitter - White Circle
  • Facebook - White Circle
  • YouTube - White Circle
  • LinkedIn - White Circle

Visit our other company websites 

ommtechnology_21px_darkgrey.png

For SPORT TECHNOLOGY SOLUTIONS

ommprint_21px_darkgrey.png

For LARGE FORMAT PRINT

omm_logo_black.jpg