VISUAL DESIGN

Archive
Please reload

'Trashion' Multimedia

March 9, 2017

For this week's production task, we had to create different multimedia designs for Trashion, the magazine we had to design last week. This meant that we had to design different platforms, such as websites and mobile phone applications, that would appeal to the target audience, whilst also maintain the consistent branding from last week.

 

The Website Homepage:

 

To create the website for Trashion, I tried to retain the constant branding by using the same font, size, and weight. This included across the main header, sub-headings (page names), image sizes, and details surrounding the articles.

 

 

 

 

The layout I designed came about from experimenting with different types. I tried to use similar ones to those within the actual magazine with the aim of maintaining the brand identity of the company. The final design was structured using 3 lots of guidelines to retain a professional structure, as I felt the content gave enough of a unique feel that the company was aiming for. Therefore, I believe the combination of the two clearly represent to imagine that Trashion want to portray to their audience. Following on from this, the colours used are those that are also used within articles. This is another way that I was trying to maintain the branding.

 

The navigation bar across the top of the webpage is placed with the intention of allowing easy navigation across the different pages. Additionally, but having the selected page in the red instead of white, allows the viewer to easily see where exactly on the website they are.

 

The images I have chosen all have to 90% opacity applied to them that is present within the magazine articles. They were also all chosen I believe they show a vintage-fashion feel from first glance, instantly telling viewers exactly what type of content is on the magazine/website.

 

The Article Page:

 

As well as the homepage of the website, I also designed one of the article pages. This includes the same header spread across the top of the webpage, to maintain a familiarity and ease of navigation where ever the audience goes to next.

 

 

 

 

The main title of the article is spread across the whole page, so that readers can instantly see what the article is about. Having the text centred allows for it to become the centre of attention to create a similar effect. It contrasts massively with the main body of text. The sub-heading follows the same style of that in the magazine, with the green colour creating a difference between the two types of texts. It also is used to showcase the starting point of the article, so that readers know exactly where to start reading from.

 

From this point onwards, the main body of text covers the page from left to right, allowing for easy readership. The images help to reinforce the article’s text, and maintain the same effects present on all of the pictures within Trashion. I decided to wrap the text around one of the photos, with the intention of it breaking up the texting, making it easier and more enjoyable to read, as the audience (18-30 year olds) wouldn’t necessarily want large chunks of text.

 

Mobile Website:

 

In addition to the web page that would most likely be opened on computers, I also decided to transfer the content onto a mobile device. I thought that this would be useful, as 18-30 year olds are part of the generation that are swamped with technology within their lives, so it is very likely that they would view the content on their mobile phones.

 

 

 

 

The branding is kept here by using the same header across the top, it is just simply smaller than it would be on computers. Then, the amount of content that appears is reduced, as the screen size is much smaller. If there was any more on the page, I believe the readers may be overwhelmed and the content would also be very small, almost too small to see. This is why I have chosen to put the main, most interest content at the top of the page, to draw the viewer into the page and the rest of the website. Other than this, the rest of the layout and style is the same as above to keep the consistent of Trashion going.

 

Application Design:

 

After considering how much time the audience would realistically spend on their phone, as well as the accessibility of websites on mobiles, I also came to the conclusion that it would be wise to have an application for Trashion.

 

 

 

 

Once again, it maintains the same style choices as all of the other types of multimedia I have produced. However, the layout this time is somewhat different. The title is still located at the top of the page in the very centre. The navigation bar is, this time, located on the left-hand side of the screen. I decided to move it across, as having it spread across the top would make it too small, and then if I tried to increase the size of the font, it would take up just a bit too much room horizontally. I found that this made the application look very bulky and displeasing to look at.

 

The content is then places next to the navigation section, as naturally in Western civilisation, we read from left to right. Therefore, the audience would instantly look to the right, so I thought it would be best to direct them straight to the important part of the website. After this, I was left with a blank space at the bottom of the page, so I thought I better showcase a little bit more about the company and what they are about by inserting some images of the models they have used, showcasing their vintage aesthetic.

 

Application Logo:

 

Finally, you can’t have an application without an application logo. It need to be something classy, yet different that would instantly tell the audience whose application is was.

 

 

 

 

At this point, it became difficult to create a logo itself with the very basic colour scheme. All though I had created one within the magazine, this was based purely on the images used within the article. In reality, the colours would change from week to week, so only the black and white scheme would remain a constant. From this, I chose to take the black strip that is featured as the navigation bar to be present within the logo. This would help maintain a familiar look for the consumers. I started off with just one strip across the bottom, just underneath the name of the magazine. However, I found that it looked incomplete. This was when I decided to add one just above. This made the area look much more filled in, whilst also framing the text, thus creating a focus point for those viewing the logo. Furthermore, the lines across remind me personally of vintage sweatshirts that often have a logo within two lines, such as the Tommy Hilfiger and Adidas ones. Therefore, I believed this reinforced and represented the vintage style the company have.

 

I decided to include the name of the magazine from the outset because, as previously mentioned, I wanted the application image to be recognisable and for people to instantly connect the look with the magazine. The only solution I could think of, without changing the whole identity of the company, was to simply include the name. Overall, I think it works really well as a fashion logo aimed at a young audience.

Share on Facebook
Share on Twitter
Please reload

  • Lucy Tibbs Photography Facebook
  • Lucy Tibbs Photography Twitter
  • Lucy Tibbs Photography Instagram
  • LinkedIn