Details

Client: Triumph Lingerie
URL: http://www.youarewonderful.com.au/
Backlink: http://triumph.crudigital.com.au/

Launched: 25 February 2008
Agency: Cru Digital & BCM
Project: Microsite, User Generated Content, Product Catalogue, Compatibility Test, Viral Campaign

Recognition:

• W3 Gold x 2 (Fashion, Consumer Goods)
• Nine MSN Article
• Fcukstar Featured Sites of March 2008
• The Daily Slurp (24 March 2008)
• Web Design File
• pages.sccnn.com - Website Appreciation (China)
• 51epsj - Website Appreciation (China)
• Designaside - Website Appreciation (Italy)
• QBN - Forum
• Most Inspired
• Body Collector (Artwork Repository)

Major Features:

• Strategic loading techniques to handle the large amount of content.
• Site rescaling and repositioning to suite the browser size and ratio.
• Homepage has live fed up-to-date content.
• Flash History and Deeplinking
• Many forms with custom input boxes, dropdowns, checkbox, etc.
• Input fields have a memory system, where the user doesn’t have to always retype in the fields.
• 2 person compability test, where the 2nd user returns to a specific section in Flash with their details prefilled out.
• Users are able to upload a photo of themselves and their bestfriend, which gets approved and added to the “Happy Snaps” wall. Users are able to put in a caption and a message when polaroid is flipped. Users are also able to add some shapes (resize and rotate it) to their polaroids.
• Product Catalogue has multiple categories and users are able to “Drop A Hint” to family, friends or partners on what products they want. No ecommerce was part of this site as they are the product suppliers.

The Story:

This campaign needed to really engage women and get them involved. So the winning theme idea was the “coffee shop” where the menu items were elements on the table. The background audio and video was added to bring some life to the site. The inner content pages focused on the elements of the homepage.

There was a heavy amount of forms in the site, so to ease the user’s experience, an input form memory system was created, so similar items were prefilled out. From a development angle, a core class system was created to handling the prefilled data, post variable names for server-side integration, appearance, error checking and creation for forms could be done faster. Because as all developers know, forms are a pain in the arse! No matter what language you’re programming in!

I had my usual flash history system part of the site, which is usually just top level, and passes some sublevel item parameters for sections like; Compability Test and Polaroids.

The Vox Pops section had a neat display sequence. When the initial XML was loaded for the content, a class-level Array was created with all the 72 videos added in a random sequence. Each instance of the voxpop player had an instance-level copy of the class level Array made. The player went through the instance level sequence with the each item dropping off the array, eventually leading to an empty Array. When the Array was empty, it resliced a copy of the class-level Array sequence. This led to a completely random sequence with no repeats, until the entire set had been played through.

To help the site jump out at the user, some fake 3D concepts were used for polaroids and product details cards to flip. This was inspired from Papervision.

After the initial rollout of the site, a few areas of the site went through a performance optimising phase as the rich content got some users’ CPU’s to work overtime.

Technology Analysis:

• Flash w/ Actionscript 3
• PHP5 w/ MySQL CMS
• XML
• Javascript

The Team:

• Specifications - Mitch Bain, Garth Sykes & Neil Nand
• Designer - Garth Sykes
• Backend Developer - Steven Miles
• Sound Engineer - Matthew Daniels
• Layout Photography - Berg & West
• Homepage Video - Taxi Films
• Flash Developer - Neil Nand

Screenshots

This entry was posted on Monday, 25th February, 2008 at 5:00 pm and is filed under Development, Creative Agency, Cru, BCM. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.