branding

Making my style guide.

This slideshow requires JavaScript.

To round up my whole project, I thought it would be a good idea to include a style guide to showcase everything I have done for my brand, bringing everything together, as well as seeing all of the links in one booklet.

I got a lot of inspiration from the style guide of Kew Gardens, which I had found to get information and ideas for my other project on the side of this FMP: Connecting, which ironically has connected these two projects because of the style guide.

Like the rest of my brand design, I kept the style guide simple, showing only what needs to be shown for people to see and understand what has led me to where I am now, as well as showing why something in the brand is how it is.

This slideshow requires JavaScript.

I’m really pleased with how my style guide looks. It is clean, fresh and shows a good, detailed understanding of how you can use the brand and apply it yourself whilst keeping to its theme and brand identity.

The style guide includes information about colour blindness also, as well as showing all of the necessary examples of my work that is important to be shown in the style guide, so that they also are recognised. This is because I have a lot of elements in my project, and it is important that everything is presented, to show the work I have put into this.

What I am going to do with my style guide is print it on high quality paper and ring bind it, to give it a fresh and professional appearance. My style guide is a part evaluation/guideline of my project/brand. I thought this would also work well with giving to customers, if they were to purchase a product for the first time, they can receive this booklet to give them some information also, bringing closer the relationship with the brand and their customers.

Final posters.

I still felt this image had further room for improvement. After printing the pictures quickly I had a look at what I could do to take these further and improve them. Eventually, I began to experiment with where everything was going, and I added some more depth and shadows in the pictures.

Improved version

I realised adding the small details such as shadows in the background of the image, the picture began to look a lot more vibrant and noticeable. Similarly to all of the other pictures, I tweaked them so that they all fitted the same and looked similar from each other.

Improved version

Improved version

Having the new designs mocked up on these signs also has helped me to see again how they would look if they were presented in real life, as well as getting understanding of what you would see first when you look at the page. The pictures are quite busy, but I think the execution of levelling everything so that you focus on each area differently has been done well, especially now with the final amendments.

Posters insitu.

Image on the left: The text needs to be pushed up at the bottom to allow more room for cropping.
Image on the right: Same applies, the whole canvas needs to be ‘shifted’ up to make the gaps even at the top and bottom of the page

Image is very clear to see and read from a distance

I decided to mock my pictures up on billboards and posters, as I would like them to be advertised. Doing these mock ups helps me to see what is good and what needs to be improved on the posters, considering the fact that the posters need to be easy to read from a distance.

Final adjustments

I could still see in this poster that the type at the bottom was quite close to the edge, so I have decided to shift it, leaving a much more even gap at the top and bottom of the page.

Final adjustments

Similarly to this photo. I wanted to use up a little bit more white space that was on the page, so I decided to centre the web address to allow it more focus, as well as bring everything up evenly. I also moved the logo to the top right hand corner, giving everything more room.

Here are the adjusted posters fitted insitu with how I would like them to be presented. I’m really happy with how they have turned out so far, and with the small adjustments made, it makes a lot of difference to looking at the pictures.

Adjustments Part 3.

I thought about how I could take my posters further without adding too much to them, and I decided to see how silhouettes of hair would look like on the figures, rather than faces. I decided that it looked better without especially on single pictures, as that could single out genders on the advertisement, especially as first glance if you are unfamiliar with the brand.

Alternatively, I had a go with including a ponytail on the landscape image. Because there’s two ‘people’ on there, I thought it could differentiate the people a little more, as it shows that the clothing brand is clearly for both male and female. What I intended to do, was create a style guide to show the specifications required for this brand. Because there are so many elements to this project, having a style guide will help to tie everything together well.

Despite this, I felt the hair did not suit the picture. I feel the poster needs to be kept simple, and to keep the silhouettes as they are, knowing people could see them as anyone this way.

1 final

2 final

3 final

I also changed the hand on one of my posters, making it look more realistic. These small refinements have helped me to be able to ensure that my posters are looking more professional, and soon to be ready for print.

Adjusted image

I wasn’t completely happy with this picture still, because I was concerned with how close the logo was at the bottom to the trim mark. I decided to make the logo smaller and move it in slightly. Because the logo is already apparent on the Ishihara image, as well as the title of the website being centred on the page, the logo can appear to be big enough to be seen, but not big enough that it takes your eye off the rest of the page.

Taking my posters further Part 2.

I tested out my posters to see if they still worked in black and white, and to my surprise the posters I thought looked better than in colour. The text is still just as clear to see, and because of the hues merging in some of the colours, the text appears clearer to see.

Protanopia

Deuteranopia

Protanopia

Deuteranopia

Protanopia

Deuteranopia

Even in the colour blind mode, the posters appear to be clear to see and the patterns are still clear to distinguish. Because it is so important for my brand to be clear to see to my target audience, doing these tests shows that the design of the brand has taken the target audience carefully into consideration.

Making my posters Part 1.

This slideshow requires JavaScript.

From the research I had gathered to make my posters, I was still inspired to want to include movement in my clothing without including models. I decided to illustrate silhouettes of parts of people to mock up onto the clothing. I purposely did not include faces however as I felt this was more effective.

I found making the posters quite difficult, because the poster needs to be catchy, quick and appropriate for everyone to see and read, especially for my target audience. Because of my minimalistic theme also, I found it difficult to create the posters without adding too much or too “little” that people do not notice the poster.

I began with putting the clothing pieces together and the Ishihara logo, which is the most important element for the poster. I then experimented with typography and how I could make the typography interesting, bold but does not take over the images of the clothing or the Ishihara image.

1

2 – I decided to change the title to the next image. The ‘IS’ now looks bolder against the confidence.

2 – Adjusted image

3

I thought it would be a good idea to include colour on the background and have the colour weaving through the clothing, giving the poster more depth. I also decided to de-saturate my clothes, which ultimately is the only object on the page that has purposely been changed to black and white.

I did this in response to my previous experimentation of turning the clothing black and white for my poster; the overall effect is clever how it shows the audience that the clothing advertised does not need to be shown in colour, because that is not what the brand is about.

I wanted to draw this link to bring everything together more. Although the clothes are in colour, by advertising them to the public de-saturated, it grabs their attention more. The desaturation appears subtle against the bright colours, meaning people would not notice it until they look at the poster more and realise the objects advertised are the ones with the least colour, creating a spin on the poster.

I also decided to include a landscape version to show how the poster can look in different ways. The benefit of a minimalistic poster with various shapes of colour means it can be very flexible to how it can be positioned, and the template is easy to change and adapt.

I feel my posters have worked well for this whole project, they help to tie everything together well, as well as link the Ishihara effect with the brand.

Saved items page.

Page: Saved items

On my saved items page, I have decided to include a magnifying icon with a QR code on some of the items as shown. This icon will mean that the customer has looked up the item using the app and scanning the code from an item of clothing that could have possibly been from the store. By doing this, it ensures that the customer will not forget any items, and it also means that the customer then has the choice to buy the item on a later date if they did not want to purchase it right away.