Harrison Giles
TID1162
U1263908
Presentation PDF
When we were first informed that we had to collect 30 objects I initially struggled with the idea of what to collect, as I don’t really keep hold of objects on mass. Subconsciously I had a collection of swing tags from clothing so I thought it would be a good idea to use them as I had a bulk to start with and I also have an interest in fashion. At the start of the project I didn’t really have a full understand of what we were being ask to achieve by the brief, after having seminar sessions it came clear that we just had to present our collection with a design format. I wanted to create a piece of work a bit different that the first ideas people were getting (books / layouts) trying to link it to fashion in some way. I chose to use after effects to do my work in as we were having tutorials in the software and I thought I could get a good outcome for my design using this software. In after effects I tried creating a stop motion effect to the video, as I didn’t have to time frame to learn and exercise in stop motion. With having my tags create the shape of a t-shirt is my way of laying them out nicely but also linking it back to fashion or where I have acquired the majority of my tags. I think the final outcome is effective for what I was trying to achieve, I feel I got tied up in this idea too much which meant I done have a mass selection of ideas to work from. This can be backed up with my research as I said before not fully understanding the brief at the start. As a final piece of work I feel it works very well as I have managed to show my collection neatly and give effective information needed from the video.
Design Rational
U1263908
TID1162
Taxonomy
Taxonomy
TID1162
U1263908
My Collection
Taxonomy
TID1162
U1263908
Research
Print every swing tag onto a different section of paper/card then make them tearable.
Have the tags printed onto a t-shirt. Illustrating the tags
Make an editorial piece for the tags, explaining each tag.
Stop motion video of the tags coming to create the shape of a tshirt.
Ideas
U1263908
TID1162
Taxonomy
Taxonomy
TID1162
U1263908
Like this stop motion video i saw, i will try and recreate it with my swing tags. Ill have them all come in from the side and then go to form a tshirt in the middle of the page. I can try stop motion but also After Effects which we are being tought in at the minute.
Final Idea
Taxonomy
TID1162
U1263908
I decided to experminent in After Effects as i could get the same effect as stop motion but completed quicker. We were having lessons on after effects so i could link the two together. As a beginner i started with simple movements of my tags.
First Experiments
Taxonomy
Zoom
The Knife - Heartbeats
Once the t-shirt has been formed i will zoom the camera into one tag and reveal the relevent information about the tag.
TID1162
The xx - Intro The Pointer Sisters - Automatic Grandmaster Flash & The Furious Five - The Message M83 - Midnight City Type Intro
Type Info
I have attatched 4 videos that show the different effects i tried the the intro typography for the video.
I chose to use the rotation afftect to reveal the tag information as it keeps the video flowing but still informs.
Final Touches
U1263908
Song Choice:
Taxonomy
TID1162
U1263908
Type Intro
Taxonomy
TID1162
U1263908
These photos are a little step by step view on how the video was put together and how the final outcome looked.
Screenshots
Taxonomy
TID1162
U1263908
Final Video
When starting to collect my data I was trying to be too open with my data and it wasn’t working for me. That’s why I ended up changing my data source a few times. Once I had my data I wanted to find an informative and simple layout for it. I wanted to display my data related to music in so way related back to music or linking with sound. I didn’t just want a random piece of work without any design linking to my data. The process to my design outcome I feel it quite sloppy in a sense that it kept changing slightly because of thing going wrong. Such as I wanted to use slow motion for my video but with no really experience in this I found it difficult and very time consuming for this to happen. Although I am very happy with the final outcome as I enjoyed creating a simple and effective piece of work in a style I like. I’m glad I was able to illustrate the paint splats as I think they look really effective and work well for the design. I feel my final design is effective for the data source but my idea generation and research could have been a bit broader and more content there. But on the up hand I think I have designed a very effective piece of data visulaisation and enjoyed the process I did to get there.
Design Rational
U1263908
TID1162
Data Visualisation
Data Visualisation
TID1162
U1263908
Research
Here are 3 surveys i did for my data. The reason i have 3 is because i couldnt find a good enough data source so kept changing it till i could get a reliable amount of data. First one i did was about clothing do just gemeral question whenand where people shop. The i did 2 surveys about music so if people still listen to 80’s and 90’s music and if so what bands.
Album Sales 2012- 315.96 Million 2011-330.57 Million 2010-326.15 Million 2009-373.9 Million 2008-428.4 Million 2007-500.5 Million 2006-542.4 Million
After not getting a good data source from my first two attempts i decided to change my data context. I wanted to stay in the same field of music but wanted data that was straight to the point and easy to understand and show. So i decided to choose Album sales. I chose to use the years from 2002- 2012 as it was a solid 11 years where the sales numbers changed a fair bit.
Surveys / Data
2005-618.9 Million 2004-667 Million 2003-687 Million 2002- 681 Million
U1263908
TID1162
Data Visualisation
Data Visualisation
TID1162
U1263908
Video Research
I started looking at bar charts or designs that looked similar to as i thought using the paint or the soundwaves they could fit to a bar chart design aspect.
After watching this video for Cannon i was thinking i could recreate the same process as this video and have the paint represent the album sales. So the higher the paint the higher
Initial Idea
U1263908
TID1162
Data Visualisation
I got introduced to the software max by my seminar tutor, it does several things but i can use it for my idea by inputting my value of album sales and then getting it converted into the volume level for each amount of sales.
This is the circuit i made in Max MSP. Ive indicated some of the section of it to show how it works. It simply loads a .aiff file and then using an object and number input i was able to covert the album sales to a volume sector in which the track would play at. Using the on and off switch i was able to control the play sequence. I was able to set up a recording station so that i can burn the song at different volumes to a cd to play on my speakers and use the paint with.
Max MSP
U1263908
TID1162
Data Visualisation
Data Visualisation
TID1162
U1263908
Video Screenshots
Data Visualisation
TID1162
U1263908
This is how i got the illustrations for the main visuals. Once i had edited the clips in after effect all i had to do was find the paint at its apex and just screen shot that from the clip and use the pen tool to trace over it in illustrator.
This is how my data will be shown. I chose to do it like this as its in a similar styles that i have been looking at in my research. I think having the black background makes the colours and the lines stand out more which makes it easier to navigate. The lines are outlining paint splashed that i filmed myself by putting paint onto a speaker, so when the music plays the paint dances and splashes into the air. I changed the frequency on each track depending on the album sales on that year. This is how i got a variation in height on all the splashes.
Paint Illustration
Data Visualisation
TID1162
U1263908
These are three piece of work by Duane Dalton. I chose to look at these for the text layout on them. I like how simple and clean the typography is. The information there is the only information that needs to be there which lets the visual speak for it’s self, but the piece all a whole all fits in well and everything compliments each other.
Type Research
Data Visualisation
TID1162
U1263908
The fonts i chose were Futura, Ariel Rounded and Helvetica
Typography Placement
Data Visualisation
TID1162
U1263908
Key Placement
Data Visualisation
TID1162
U1263908
Final Design
I was really interested when I read the brief for this project, I like the fact of working with the different kind of papers from the company. My initial aim for the project was to just keep things simple and work with a typographic format. After the review session for this project it became apparent that my design didn’t work so it was for the best to start again with the project. So as this happened my aims changed, I wanted to concentrate on selling the paper better but still keeping a nice typographic design to it. My first final design was boring and lacked a nice design presents to it. I took everything my seminar leader had to say and started to crack on with starting the project again. Now when I look back I’s so glad I did so because I feel my final design now is perfect for the brief. I’ve managed to work with the paper well but also worked in a style I have really enjoyed. The cut out part of the design makes you interact with the paper more than you would if it was just a full piece of paper and with the other colour coming through it really brightens up the design. The start of the brief was tricky for me working with some of my ideas, but as time has gone on I feel my ideas have become more effective. Then getting on to my final design which I feel really sells itself for the company.
Design Rational
U1263908
TID1162
YCN Competition
YCN Competition
TID1162
U1263908
I created this moodboard with some images i collected to start my research. I chose to look at work in which i can incorporate paper design into it so the majority of these have actually been designed with paper.
Research
YCN Competition
TID1162
U1263908
As the brief was to design a desk calendar i looked at some creative desk calendars and made another moodboard with a select few on there.
Research
YCN Competition
TID1162
U1263908
Initial Illustrations
YCN Competition
TID1162
U1263908
I mocked up my idia with coloured paper to see how it would look in person. I like how it looks but the only problem is how i can incorporate everymonth into this design, its just more of a cover design for the calender
Idea Development
YCN Competition
TID1162
U1263908
Here i was experimenting with different ways of making a paper weave so that i could better the aesthetic of this idea. After working with these i couldn’t think of a way to represent a calendar with this style.
Paper Weave
YCN Competition
TID1162
U1263908
Here is an attempt i tried at creating a weave in illustrator. I tried to reveal the Fedrigoni logo into the weave but as i was designing it in illustrator it was very hard with all the different layers and the placements. After hours of struggle i gave up on the idea. It would have been nice to see this if it was able to be completed as i think the logo incorporated into the weave would look really effective.
Illustrator Weave
YCN Competition
TID1162
U1263908
I decided to change my final idea to another one of my ideas i came up with. I was gong to have each day or month on a piece of wookstock paper then hung off a cover attatched to a case so that it can be transported but turned into a stand to be placed on a desk.
Idea Change
YCN Competition
TID1162
U1263908
This is a first test i did on how i can design the calendar. I decided that i was going to do it daily and just change the colour of the paper and the date on each piece. I wanted to keep the design simple and legible but still have a good clean typographic style to it. These are 3 styles that i tried designing the pages in. I was going for a typographic feel to the design by using the words instead of the numbers. I wanted to try and experiment with some current styles i have been interested in from some freelancers.
Idea Development
This how i will layout each month. I decided to do it months by months as i feel it keeps the size and weight down and the design aspect is alot cleaner and easier to use and view. I will still use a different colour of the woodstock range for each month. This is how each month will look with coloured paper. I prefer how i chose to go with each month that each day and use numbers instead of just type. I have included the paper colour and weight in the bottom right corner and the Fedrigoni logo in the left corner.
Final Idea
U1263908
TID1162
YCN Competition
Here is a select few to compare how they will all look. The month and days are all in the same placement its just the dates that get changed depending on which day they fall on. I like the simplicity of the pages, it took me a long time to space everything out so that all the gaps are equal.
Development
U1263908
TID1162
YCN Competition
YCN Competition
TID1162
U1263908
Design Proposal
After having my review session it came to attention my final design hadn’t really answered the brief properly and wasn’t to my full design potential. Chatting with Joe we decided i am going to start again with my ideas and research and hopefully get a better outcome relating to the brief and company better.
Full Change
U1263908
TID1162
YCN Competition
YCN Competition
TID1162
U1263908
Research
YCN Competition
TID1162
U1263908
Typography Experiments
YCN Competition
TID1162
U1263908
Here are my experiments at quilling. Not having done this before i found it very tricky to keep the paper glued down and keep in shape. I found that with rolling the paper strip up it was easier to stick down and keep in shape so thats what i was trying to achieve in the second picture. After a couple of days of testing this out it was taking too long to ever make the letter H never mind each month so i had to put this idea on the back burner.
Paper Quilling
YCN Competition
TID1162
U1263908
Ideas
YCN Competition
TID1162
U1263908
More Research
YCN Competition
TID1162
U1263908
Cutout Research
YCN Competition
TID1162
U1263908
After i had this cutout idea i thought why not combine it with the other ideas i have just come up with. So here i have some thumbnail sketches on how this could work.
Cutout Ideas
I decided to take the tree cutout idea further and use a tree for each month. As the paper company is from Italy I looked at trees that grow in Italy: Olive Alnus Cordata Pinus Cembra Pinus Nigra Ables Nebrodensis Acer Campestre As a tester i got an olive tree and experimented with it for January. Here is the outcome. I decided to leave branches in the tree so that it gives a better look of a tree but also connects to ‘January’ to stop it from ripping.
Cutout Idea
U1263908
TID1162
YCN Competition
YCN Competition
TID1162
U1263908
Here are the tree’s i selected and I’ve matched them to a month. Im going to use the tree’s twice as there is only 6 but i have just done 6 so far. Ive drawn around the outline of the tree and drawn branches on that connect to the month for more stability.
Tree Cutouts
YCN Competition
TID1162
U1263908 I particularly liked this piece of work by Muller-Brockmann as i thought i could use the lines as a cutout, so still relating it back to my research, and then have the relevant month information below it using the grid system. Here is a quick sketch on how it can look.
Josef Muller-Broackmann
YCN Competition
TID1162
U1263908
Design Development
YCN Competition
TID1162
U1263908
Design Development
YCN Competition
TID1162
U1263908
Here is the final layout for the calendar. Each month will have the same layout i will just change the efficient information for each month. I feel you can tell i have been inspired by Muller-Brockmann’s with but changed it with my own twist to meet the brief.
Final Layout
YCN Competition
TID1162
The colours i chose from the Woodstock range: Pistacchio Rosa Arancio Blu Giallo Malva Cipria Celeste Rossa Verde Azzurro Giallo Oro
Colour Matching
U1263908
For underneath the cutout I’m going to have a different coloured piece of woodstock range. I used this colour wheel to see what colours contrast well with each other. Here are the colours I’ve matched from the woodstock range.
YCN Competition
TID1162
U1263908
Final Pieces
YCN Competition
TID1162
U1263908
Final Pieces
YCN Competition
TID1162
U1263908
Final Pieces
YCN Competition
TID1162
U1263908
Here is how my final stand looks, when i placed the calendar on there it supported it very well and you are able to remove and place the months on without it collapsing.
Stand
This project is a bit more branding based that what we have done before. For this reason I was looking forward to it as I had seen a lot of branding on agencies website. I wanted to design a slick but effective box for this aftershave and making it relatable to the alcohol I chose. As I chose Bombay Sapphire I wanted to use the bright blues they use for their bottle, as they are very significant. For my designs I tried to keep some iconic imaging from the company but try and sway to more of an aftershave side of it. I was working with a lot of patters created with their logo or a sapphire shape. As you can see from the development on my blog I’ve worked with that and made it quite visual in the design but also subtle. The box works well with the box itself and then the design aspect of it with the colours and the relevant information on the box. I feel my work has been effective to the brief as I’ve included some key elements from the company but also informed them about the aftershave. Also looking at different papers also helped when coming to the packaging itself. I like the look of my box and think it will look really good on the shelf of any supermarket.
Design Rational
U1263908
TID1162
Aftershave
Aftershave
Popular in Cocktails : (Dry Martini, Bombay Sapphire Bramble, Bombay Sapphire Collins) Popular with bartenders at the minute
“Crafted in the 1980’s to capture the imagination of an American audience, the striking translucent blue glass bottle that Bombay Sapphire is known for today came into existence”
10 Botanicals (Juniper, Lemon Peel, Grains Of Paradise, Coriander, Cubeb Berries, Orris Root, Almonds, Cassia Bark, Liquorice, Angelica) Vapour Infused British Roots (Distilled in UK) The queens drink (Queen Victoria)
Company
U1263908
TID1162
Philippines – Largest gin drinking market
Aftershave
TID1162
U1263908
Research
Aftershave
TID1162
U1263908
Box Concept
Aftershave
TID1162
U1263908
Mock Up
Aftershave
TID1162
U1263908
After thinking about it, i decided not to go for the sapphire box as i wasn’t going to be able to get much of a design onto the box. So i decided to look at a simple rectangle net.
Rectangular Box
Aftershave
Vapour Infussion
Triple Distill These are the 3 name ideas i came up with. I got them from looking at background information to do with Bombay Sapphire. I prefer Vapor Infusion as a name as i feel it is more fitting to an aftershave then the other 2.
Name Suggestions
U1263908
TID1162
Botanical
Aftershave
TID1162
U1263908
I wanted to create my own pattern to go onto the box. I started to play around with the colours and the ideas behind bombay sapphire.
Pattern Designs
Aftershave
TID1162
U1263908
Logo
Aftershave
TID1162
U1263908 This is a sapphire i drew in illustrator like the one of did a rough sketch of in the previous picture. Although the sapphire looks good just having that on the box wouldn’t look too good.
Sapphire Ideas
Aftershave
TID1162
U1263908
Pattern Ideas
Aftershave
TID1162
U1263908
Pattern Illustration
Aftershave
TID1162
U1263908
Here is the 3 views of it and how i would use the paisley pattern on the box. I decided to place the jems down the corners just to tie the sapphire aspect to the work.
This is how the box would look as a 3D mock up.
Box Concept
Aftershave
TID1162
U1263908
I went back to the second pattern i designed and placed it onto the box panel. I like how this pattern sits as you can still see the main colours in the background but it adds a nice edge to the design.
I was wondering on how i would put all the typography and the logo on the front of the box with the logo pattern. I decided to place a rectangle in the centre with the same gradient but no pattern over it. I can now put the logo and all the necessary type that needs to be on there.
Pattern Concepts
Aftershave
TID1162
U1263908
This is my final pattern i designed. I stayed with the similar idea from before but i just used more of a interesting pattern design.
Final Pattern
Aftershave
TID1162
U1263908
I wanted to make the front panel of the box similar to the label of the bottle so i decided to place the logo in the centre of the label area.
Here is how the logo and the name of the aftershave will be situated on the front label.
Front Placement
Aftershave
TID1162
U1263908
I decided to change the ice blue colour to a gradient. I feel this makes the work look more alive and gives it that edge to catch the eye of the passer by. I used the blues of out the sapphire logo i designed so all the colours are of the same shade in the whole piece.
Colour Change
Aftershave
TID1162
U1263908
These are the 3 colour ideas i chose for the name. I prefer the body of text being white, but with the gold on the inner sections it seems to blur into the background and not stand out enough whereas the blue on the inner sections gives the text a pop and really catches your eye.
Colour Suggestions
Aftershave
TID1162
U1263908
Front Detail
Aftershave
TID1162
U1263908
This is how the front of my box will look and be layed out. I have included the relevent informationneeded for an aftershave box.
Final Front
Aftershave
TID1162
U1263908
This was the net i drew up for my box, i had to draw it myself as i couldnt find a net for the box i wanted on the internet.
Final Net
Aftershave
TID1162
U1263908
This is how i laid out the background design for my box with the front and the back panel having space for text and design.
Net Design
Aftershave
TID1162
U1263908
Final Net Design
Aftershave
TID1162
U1263908
Final Box