Tuesday, 30 April 2019

OUGD603 - Personal Branding - Visual research


 

Before the design stage for the personal branding could begin, it was important to first understand what inspirations could be taken and used for the style of the identity and the way in which to lay it out. During my time working with Uniform agency, I was given insight into the portfolios that agencies look for when applying at graduate level. I was shown examples of the graphic designers' websites and their own work, including the ways in which they layout their projects. I think this was a great way to tailor my own portfolio online and create it in a way that would appeal to studios of this type.

Another way that I was able to find inspiration was through Behance, as it provided several examples of existing online portfolios and personal branding projects. Studying the ways that designers layout the concept and explain it, made it easier for me to design a layout of my own that would eventually be useful for an online portfolio. Looking at how existing studios used certain typeface choices and colour schemes made me think about the sorts of fonts and colours found in my own work. As they would use them to reflect the type of business they are, in the same way I could include frequently used fonts and colours as a way to reflect my practice.

By also looking at the websites of the studios I am interested in, I can get a feel for how they prefer to present their own work. This might as a result, give me an advantage when it comes to applying for positions at these studios or similar places, as they will likely take interest in the projects similar to their own. One website I found particularly useful was Fifteen Studio in Liverpool, as this was one of researched agencies that I had considered applying for after graduation.








OUGD603 - Quickfire: Logo and Website Homepage - Evaluation

After finishing this brief, I felt that I had designed something that could potentially be used for inspiration of another project in the near future. As I enjoy designing commercially driven projects, with public audiences in mind, this project was ideal for my portfolio and my practice. Similarly to the signature brief found on BriefBox, this brief was limiting in its time frame and made the design process more demanding as a result. I think that the overall aim of this was to improve my ability to work quickly and under a time constraint, as I would be required to design quickly if I were working as a freelance designer or at a design agency.

One thing that I particularly found useful from this brief, was the visual research before the design process began. Seeing other interpretations of a challenge such as this gave me the chance to consider how other people might interpret a design. This then led me to consider the audience the project might be designing for, and how contemporary graphic design would play a part in communicating key ideas in an appropriate manner. As a result, I can now add another logo/website brief to my portfolio and refer back to the concept, as well as the process in the future.

OUGD603 - Quickfire: Logo and Website Homepage - Outcome


Here is the finalised logo for the concept, which was posted to BriefBox in an attempt to receive feedback from the author or other submitting users. This logotype concept helps to convey the idea of colour gradients and how they have been used on the design of the homepage for vegan frozen yoghurt.


The finalised homepage design combined ideas from the development stage and made amends to small details. This included the 'vegan frozen yoghurt' subheading beneath the logo being changed to the blue colour scheme, as this would help it to stand out on the pink background. In order for the homepage header text to become more visually legible, I changed it to a darker shade of blue with the body text beneath remaining navy grey.

Project Rationale
Created to reflect the flavours, sensations and stimulation of eating vegan frozen yoghurt, Froyogo gives audiences a visual representation of chilled, dairy free products. Using a simplistic homepage, Froyogo provides online users with a vegan approach to buying frozen yoghurt. Its contemporary approach to navigation makes shopping for products more enticing, while presenting impressive plant-based options as second to none on the market. Developed with the intention of improving environmental awareness, Froyogo gives customers a frozen yoghurt that not only tastes great but saves the planet while you enjoy.



OUGD603 - Quickfire: Logo and Website Homepage - Development


The concept was limited in its approach to colour, so that it could remain simple and contemporary visually. Therefore I chose these fonts, colours and icons to be the only designs used throughout the development. This would also allow the navigation of the homepage to remain easy to use and familiar to all audiences. 







The layout for the development changed slightly, so that the gradient was used at the homepage navigation bar. At the centre of the page, the audience is presented with the product. This image had been altered so that the dessert matched the pink colours of the gradient.

In the top right hand corner a search button and shopping cart button were added so the website could show visitors they're able to purchase products. To the left the navigation bar was also kept simple with four options to choose from.


Alternatively, the other option was to make the navigation bar white, centre layout gradient colours and the logotype matching. Positioning the dessert image to the bottom left gave the text options a more clear intention of matching in colour. The social media links were also positioned to the right, and utilised a dark grey colour application to contrast with the blue background layer.

In an attempt to compromise between the two ideas, the text to the right remained where it was but used the gradient. The dessert was moved back to the central position and the grey text was used beneath the header, in Helvetica light. 


OUGD603 - Quickfire: Logo and Website Homepage - Initial Ideas


I started off the initial stages by sketching different layouts and ideas for the brief. Some of the visual research that was first looked at provided inspiration for these sketches, as they analysed several approaches. This included the way the desserts in other submissions would show ingredients around the images.







One way to start off the initial stage, involved designing a set of layouts that could reflect a sense of refreshment or sweet flavour.


One idea involved dividing the layout in different flavours, similar to neapolitan ice cream.



When thinking about frozen yoghurt in visual form and how this could be portrayed in the design, I decided to try using various gradient based layouts. The idea here would be to show the sweet flavours of the product and how the flavours mix together. The chosen colour scheme for the layout therefore used this idea to show the pink as an indicator of sweetness, while the light blue refers to the chilled temperature of the dessert. Another thing I had considered after this was the way the body text could contrast from the background.

Creating a logo for the concept, took a similar approach with the use of gradients to convey flavours through colour. The name Froyogo came about when combining the words 'frozen yoghurt'. The ideas for this logo consisted of bespoke inspirations, as well as more playful handwritten styles. In a compromise between the two styles, I chose to use Helvetica Bold and tighten the kerning so that the gradient was made clearly visible in each letter. I also added a small degree symbol to the top right corner of the logotype to indicate temperate, which felt appropriate being placed on the side with colder colour visuals.




OUGD603 - Quickfire: Logo and Website Homepage - Visual Research

After reading through the brief, I was able to look at other submissions for inspiration. I knew that I wanted to make the homepage look contemporary, simple and elegant. Therefore the aim would be to find inspiration from submissions that focus on limited colour, clean visuals and simple information. I particularly liked how these submissions considered the way in which the navigation bar was placed in the frame. They also make use of photographs within the layout, making the colours of the desserts contrast with the outer layers. At this stage, it was unclear whether I would have time to animate the webpage within the time frame, as many of these had.

OUGD603 - Quickfire: Logo and Website Homepage - Brief

Quickfire: Logo and Website for a new vegan frozen yoghurt company

The brief found on BriefBox appealed to me as it was another task that required quick thinking and time management. The time restriction for this brief was between 2 and 4 hours, which was similar to the 5 hour time limit of the signature brief. This also meant that a time plan would once again be a necessary step to managing the project. Before beginning this task, I had several aims in mind in terms of what I hope to achieve by the end of the day. This included the opportunity to record how much work can be produce within the time frame, how well executed the finish process is and to learn more about web design. This could also mean looking at other interpretations of the same brief by other participants that have submitted their concepts.

Time Plan
  • 30 mins - visual research/inspirations
  • 15 mins - sourcing imagery
  • 30 mins - sketching ideas 
  • 1 hour - initial ideas 
  • 45 mins - development
  • 1 hour - finalising and analysing