The Process- Tangs tote bag hunt 2010

Posted: July 12th, 2010 | Author: mindflyer | Filed under: workflow | Tags: , , , , | 11 Comments »

This is the behind the scene work sequence of how the project “Tangs tote bag hunt 2010″ was executed.

The game/ contest can be played here: http://www.tangs.com.sg/totebaghunt2010/

1. Design brief was analysed and understood. Basically the game consist of finding 60 shopping bags hidden in the gameboard/ floor plan. My task is to make the gameboard/ floor plan look interesting.

2. Site recce with game designer and client was conducted. Many photos and video were taken of existing shop floors.

3. Using actual plans of the shop floor, I start designing afew floor plans layouts for approval. Since this is a web based game- care was taken to check pixel dimension/ scale of furniture and floor plan. This is important for all web projects to ensure leanness/ efficiency of file size vs screen size.

4. Once plan has been approved- I start planning how and where the fun surreal bits will be. One of my concern was to ensure enough nooks and spaces to hide bags. A preliminary plan was also shown to the designer/ client for approval of where all the bags can be hidden.

A sketch showing how the characters will look like and where they are sited was sent for approval.

5. Once the basic plan is approved- I starting drawing the outlines of all the components and plan the colours. The whole illustration was drawn and painted in Adobe Photoshop.

5. Colouring commence once the outlines and colour scheme is approved. This is the fun part for me – to make the whole board look colourful and fun.

The approved outline was also sent to the game designer/ web programmers so that they can start doing all the back-end work concurrently.

Meanwhile – more jpgs were shown to the designer/ client of where and how the bags will look hidden during the many days of painting.

6. Finally everything is in place and approved- I spent afew more days adding the finishing touches to complete the illustration ready for the game designer/ web programmers to do final game tests.

Tags: , , , ,


11 Comments on “The Process- Tangs tote bag hunt 2010”

  1. 1 Jerry Teo said at 1:22 am on July 13th, 2010:

    Dude, I can totally see how you used to do drafting and technical illustration.

  2. 2 Fleecircus said at 7:47 am on July 13th, 2010:

    this is sooo you!
    so interior/architecture way of processing ideas! However, i was expecting you’d use colours that’ll make my mac explode. Nonetheless, Solid!

  3. 3 mindflyer said at 5:08 pm on July 13th, 2010:

    Thanks :) more stuff to come!

  4. 4 drewscape said at 9:50 pm on July 13th, 2010:

    wow very nice.

  5. 5 Wilonexin said at 12:31 am on July 14th, 2010:

    Good Job!

  6. 6 zeropointfive said at 2:37 am on July 14th, 2010:

    Wa lau eh bro! No warning one, damn adrenaline rush leh i nearly heart attack while playing! slightly faster to use a tablet than a mouse :p

    Very VERY nice work on the graphics :D Power!

  7. 7 Mitchell said at 8:22 am on July 14th, 2010:

    Nice and what’s better is the meticulous work and patience that created this. If I have to choose between doing this work and a gun, I’ll grab the revolver. Can imagine how tedious.

  8. 8 Shyam said at 10:03 am on July 14th, 2010:

    You have lots of patience for sure :D
    very nice!! i’ve tried to play the game..i guess im too slow and old :D

  9. 9 Fleecircus said at 6:19 pm on July 14th, 2010:

    wahlau, i just tried the game…on Wacom got motion sickness! Damn panic. Awesome lah.

  10. 10 Momo said at 3:06 pm on July 15th, 2010:

    Had fun with the game and totally impressed immersed in the wonderful work you have done. Way cool!

  11. 11 Ray Toh said at 10:09 pm on July 16th, 2010:

    NNiicee!!!!