Visualising Data

December 5, 2010

Continuing from the previous assignment, our latest brief was to create a system that visualises a set of data of our choice, and shows the relevant relationships between the information.

The system that I designed is called the ReadyToWear Colour Finder.

It is an interactive flash piece designed for web, a system you can use to find designer garments in your choice of colour, by your choice of designer, and even in your choice of collection.

So basically, you pick a colour, and you can find all the designers and their Ready to Wear -collections that have incorporated the colour of your choice. You are then able to go through these collections and see the garments in your choice of colour. The system can also be used to find colours by designer, for example, one can find all the colours Calvin Klein used in their Ready to Wear Spring/Summer Collection 2010.

The system is aimed at fashion enthusiasts, buyers, stylists etc. who are looking to find designer garments in a certain colour. The system can also be used as a way to explore the use of colour in the fashion industry, since by navigating through the system, one can get an idea of what colours are/were favoured by designers at a certain time.


My final design can be accessed here (be patient, it takes a long time to load):

Since it is a complicated system, and I had limited time, I was unable to make it fully work. However, one should be able to get the full idea on how the system should work through the examples available.

I made a version with guidelines for easy navigation through everything that works. It has yellowish dots to represent everything that is clickable. This was the easiest way for me to take you through the system.

Do not bother clicking on anything not marked with a dot, since it won’t work! (In theory, everything would work in a similar way)

For a version with guides, click here:


Instructions for using the system (also accessible within the software by moving the cursor over the left hand side of the screen, or over the “ReadyToWear Colour Finder” text in the lower right hand corner):


Pick a designer and a collection
– Find your possible colour choices
Pick a colour
– Find all the garments in your choice of colour


Pick a colour
– Get your designer and collection matches
Decide on the collection
– Find all the garments in your choice of colour

Click on the background to go back.
Click on your choice of garment to print.

To get the best possible idea on how the system would work, find a colour included in the Versace S/S 2011 collection. All the colours in that collection should have working images. Find this collection by clicking on any of these colours:

orange (fourth from the top on the red column)

black (darkest black, top one on the gray column)

white (whitest white, last on the gray column)

beige (either first or fifth from the top of the brown/beige column)

yellow (the brighest yellow, fourth from the bottom on the green/yellow column)

semi light blue (fourth blue from the bottom, on the purple/blue column)

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: