Nike Team Kit Builder

As this was such a large project I couldn’t fit all the bits in my portfolio page, so here is a list of technologies and collaborations along with a selection of pretty screenshots.

The majority of work was performed off-site, and if you would like to see it in action you can go and create your very own team kit on the first floor of Niketown, Oxford Street, London.

UPDATE: This project has at last been modified into a web-friendly version and put online, so you can now see many of the original features and create your custom kit on Nike’s site at http://www.nike.com/nikeos/p/nikefootball/en_US/kitbuilder

Technologies

  • AS3, Flash CS3 and a lot of complex OOP
  • A custom MVC framework developed specifically for the project
  • XML and E4X
  • Papervision 3D (GreatWhite)
  • Blender
  • AMFPHP
  • MySQL, AdoDB & ActiveRecord
  • Smarty
  • Dynamic mail generation
  • Database administration and setup on OSX

Collaboration

  • Working closely with one other developer throughout the project lifecycle
  • Remote working using SVN and remote administration through VNC
  • Working with a large team of artists and designers, including 3D designers

Screenshots

Matchday/training selection screen
Matchday/training selection screen
Team formation selector
Team formation selector
Matchday player top editor
Matchday player top editor
Papervision 3D real time mapping
Papervision 3D real time mapping
Style selector
Style selector
Socks style and colour editor
Socks style and colour editor
Live preview screen
Live preview screen
Matchday/training + preview
Matchday/training + preview
Checkout and confirmation screen
Checkout and confirmation screen
Shipping details screen
Shipping details screen
   

5 comments

  1. This is not a web application – click on the “Niketown, Oxford Street, London” link above to get a map of where you can go to use the application to design your own kit. Obviously that’s no use unless you live in London 🙂

    I don’t really know Nike’s future plans for the application, but I suppose its possible that they will decide to make a web version at some point, and it might get installed in some other cities too.

    Cheers,

    Dave

  2. It totalled around 8 weeks with 2 developers (me and another very talented chap) and a small team of brilliant designers. As I recall an external company was drafted in to create the hundreds of assets the project required.

Leave a Reply

Your email address will not be published. Required fields are marked *