Category: Real Jobs

Charles Mozley Trust Website

Background

Charles Mozley was an English artist whose paintings, illustrations and lithography was influenced by the style of French post-impressionism. After his death in 1991, his children and researchers have been dedicated to continuing his legacy through the Charles Mozley trust. 

Painting (left) and lithography (right) by Charles Mozley

Brief

The founders of the Charles Mozley Trust required a website. It was clear that the design of the website would have a significant influence on the design of the Trust’s branding identity, which is yet to be established. The website would be an online presentation that displays the work of Charles Mozley and further information about the artist. It will be targeted towards people with an interest in British art between 1945–1990, gallery owners and academics. After a complete understanding of the client’s expectations, an objective of creating an online presence for the artist and initiating an online identity for the trust was formed. 

Research

I looked into the style and work of Charles Mozley, and the client provided some resources to initiate a deeper understanding of the artist and his work. As an artist that works with different mediums, I wanted to place an emphasis on showcasing work that ranges from paintings, lithography and illustrations. 

As my target market was individuals with an interest in British art between 1945–1990, I took a look at the website of different artists that were popular during that time period, such as Paul Guston. I admired how Paul Guston’s website was visual, containing a video that displayed images of the artist’s work. Although not relevant to the Charles Mozley style or time period, I also looked at some artists that I believed had an interesting website design such as Damien Hirst. Looking at the website of other artist’s initiated different approaches I could take to display the work of Charles Mozley on his website. 

Screenshots of Paul Guston’s website
Screenshots of Damien Hirst website

Designing

Before starting the design process, I meet with the clients to discuss their expectations and the general layout of the website. This information was useful when it came to visualising the navigation and format of the website. Based on the points provided by the client and my own judgement, I created a sitemap to display the different web pages and the navigation through the website. After creating a sitemap, a couple of sketches of different website layouts were selected. The wireframes show the different design concepts I had envisioned for the web pages. The clients stated that they preferred wireframe 2 and the design of the website proceeded to the next stage, creating the prototype. Initially, due to covid, the transfer of files that contained content for the website was delayed. I took it upon myself to use images available online of the low fidelity prototype, using the design concept from wireframe 2. The low fidelity prototype was sent to the clients, which they provided feedback and further suggestions on. The feedback and suggestions provided were carried forward into the next iteration of the website prototype. The client eventually managed to transfer a file of contents for the website, which was used to create the next iteration of the website prototype. Although they were overall satisfied with the initial prototype, the clients provided feedback and suggestions to develop the website further. They suggested a new layout for the “Artwork” webpage, where the images of the pieces of art would be arranged in one grid, regardless of medium unlike the initial concept where the pieces were showcased depending on the medium used to create them. To work with the material provided by the client, I sometimes had to break away from initial designs for certain web pages. For example, the initial design of the exhibition page contained images of the exhibition with some information, however, as the material provided was mainly text, the layout of the webpage had to be adapted. 

 

Sitemap of website with potential webpages
Wireframe design concepts. Wireframe 1 on the left, wireframe 2 on the right
Low fidelity prototype

 

Issues

The lockdown as a response to the COVID 19 pandemic had a significant impact on the progression of this real job. This real job was assigned to me a couple of days before the second lockdown had been announced. During that time period, I was able to create the sitemap and wireframes. However, the lockdowns that occurred between October—April meant that the client could not provide a majority of the material needed for the website as they were stored in the Typography Department or The University of Reading Museum. The material needed for the website was transferred to me towards the end of March and I have since been able to make some progress on the design of the website. 

Current website prototype iteration

Reflection

Working on this real job continues to be a pleasure. The despite current circumstances, the client’s involvement and suggestions have been useful in producing new concepts to experiment with, deepening my knowledge of web design. 

It is unfortunate that the lockdowns as a result of COVID 19 have prohibited the progression of the website, impacting the initial deadline of the website. The change in lockdown restrictions and current access to a majority of the material needed for the website will hopefully result in a smoother advancement of the website at a quicker rate. Although I am graduating this year, the client and I will continue to work together to complete this real job. I am excited to witness the final outcome of the website and the design skills that have thrived as a result of this real job. 

 

COVID-19 Knowledge Test E-Learning Website

Background

The COVID-19 knowledge e-learning platform is a website created by the data science club at the University of Reading to help the general public stay informed about the COVID-19 pandemic as well as learning new information and reinforcing previous knowledge about the virus. The overarching idea behind the project is “for users to learn everything about COVID-19 in a better way than the news”. We were working directly with students from the data science club and researchers who were interested in the topic and this Real Job was completed as a team involving Anthony Mason and Olivia Francis and was supervised by Gerry Leonidas.

Deliverables

The key deliverable for this job was to create the UI for the COVID-19 e-learning platform but alongside it we were asked to create a logo for the platform and avatars for the profile screen where users can pick and choose elements to create their own custom avatar. Finally, for the developers to fully understand and apply the new UI styling we created a digital booklet for them to consult that outlined guidelines, typography and design rules they should aim to follow to ensure consistency. Anthony was handling the UI half of the project and creating the guidelines booklet while Olivia was creating the logo and avatar.

The final deliverables for the project were:

  • UI designs for the e-learning platform.
  • Logo
  • Avatar illustrations
  • UI guidelines booklet

Starting point

Prior to our involvement in this job there were no designers actively working on the project and all of the UI work was being completed by the developers themselves. Naturally, from their work in computer science they were aware of user experience basics but there was a great deal of work to creating a platform that could be shared with the public. An issue we faced when joining the team was that none of the developers had previously worked with designers before and it was a new experience for everyone but we quickly began to communicate and convey ideas efficiently.

Original design: leaderboard featured on the homepage to compare quiz scores between users.
Original design: topics learning page with embedded YouTube video and flip-able cards.
Original design: profile page with COVID-19 information video and quick access links to various areas of the site.

Restated brief

In the original client brief they were confident in what they wanted and knew exactly how our knowledge and abilities would benefit the project. This was reinforced once we met with the clients and had our initial meeting over Microsoft Teams. They were able to clarify information we were unsure about and we laid out a plan going forward on what to do in relation to working with the developers. Additionally, they showed us what they had created up until that point, as stated in the original brief “implementation of key functions are almost there”, so our roles were clearly to apply our UX knowledge to make the site more usable and add new, modern styling to it. The only bit of information missing was a clear deadline, however as the goal of the project was to be released before a COVID-19 vaccine was fulled created and the pandemic “ended” a general deadline was set for January 2021. After our initial meeting we made a strong restated brief that both Gerry and our clients were happy to approve and we moved on to our next phase, research.

Research & idea generation

Due to the nature of the project and how quickly we had to move along we were not able to properly conduct user research to understand what people wanted in an e-learning platform on such a topic. At this point of the project the pandemic had been going on for over 6 months and most people were moderately informed about the virus and the vaccine efforts being made. We used this information as an assumption going forward but we also spoke with the clients to understand what knowledge they had about their users. This was limited but offered us an insight that was previously missing. However, we were able research current e-learning platforms, both in general and ones created for Coronavirus, which we used as inspiration for figuring out the optimal user experience. We also explored current design conventions for a website such as this to better guide our designs.

 

Sketches

Having researched how to create the best user experience for an e-learning platform we focused on creating quick crazy 8 sketches to generate ideas and consider a range of possible approaches. As well as the research we had to keep the original design in mind as they had developed everything for that up to this point, we sketched out the 3 main sections of the website: home and information, quizzes and the profile page.

Rough crazy 8 sketches to develop ideas for the home and information pages.

Wireframes

Developing upon these sketches we created low-fidelity wireframes that got the basic structure of the website and helped the developers visualise our approach and see how it differs from the original designs they had created. Consulting with the developers and exploring the original website we were able to create a user journey to visualise how they planned for the users to navigate the website. After showing them they were instantly happy with the direction we were taking and over the course of only one meeting they approved our wireframes and we moved on to further developing the visual style of the site.

User journey
Low-fidelity wireframes: homepage including an embeded video, information and daily COVID cases statistics.
Low-fidelity wireframes: profile page including worldwide data, embedded video and customisable information about the user.
Low-fidelity wireframes: quiz page with question, embedded image or video and answers for the user to click.

Visual design

From our sketches and low-fidelity wireframes we had a strong idea of where we wanted to take the website. The overarching style for the website was modern that was inline with the visual style of large organisations like the World Health Organisation and the NHS. An important part of the website was having it entirely viewable on one screen, with no scrolling, so for this to work we took a very modular approach using tiles that allowed elements to shift across the screen as the viewer navigated through the site, however, there was still the flexibility for scrolling within tiles, for example, for large blocks of text. After showing this to our client they were confident in our ability to transform the site but there were some criticisms such as changing the layout of learning topics to showcase images and better implementing elements in the quiz portion of the site. There were also areas of the website requiring changes that were miscommunicated previously such as the inclusion of a rotating globe to indicate where in the world the user was (which was present in the original design concepts).

Visual design: default homepage with “What is COVID-19” explanation video embedded and information text.
Visual design: profile page with quick access links, personalised avatar and about me section, worldwide COVID-19 stats and user trophies collected from completing topics.
Visual design: quiz showcasing example question and selected answer.

The meetings we had were incredibly productive as we consulted with the developers on whether certain areas of the website could be properly incorporated and similarly they were curious about the design aspect of the project and asked us a great deal of questions about what direction we were taking in terms of typography, colour, grids and branding implementation. We were curious whether they required a prototype of the website to see how it would have worked but they refused the need for one as they were confident the UI designs were enough and that they had already, mostly, figured out how the website would work and how the user would navigate it.

UI Guidelines

To allow the developers to accurately implement the new visual style of the website we created a digital UI guidelines booklet for them to consult as they created the site while we were not involved in the project anymore. This covered a range of topics that were important for them to stay consistent with the designs including the CSS grid we used, the colour scheme, the fonts and all the UI designs to visualise how it should look. We spoke with the clients to ensure we included everything they would have needed to make the website in its entirety.

UI Guidelines: CSS grid showcase demonstrating the basic website grid.
UI Guidelines: Padding showcase demonstrating minimum padding between elements

Avatars

While only a small part of the project we spent a while making sure the avatars suited the website perfectly, beginning by exploring a range of avatars used for similar purposes and quickly began creating sketches to decide on a style that would work. We decided on including only the shoulders and head so focused on the details; eventually deciding on having customisable skin tone, hair, t-shirt, mouth and extras such as glasses. After settling on a concept we brought it to the group, and like with the UI, they were incredibly happy and we progressed to digitising them in Adobe Illustrator. The final avatars were well received after being shown to the clients and Gerry.

 

Digitised avatars in a few example configurations.
Avatar sketches showing rough to coloured versions.

Logo design & brand application

The process for the logo was very similar to the avatars, beginning with sketching and moving into digitising the logos before finally being included in the website. Between sharing our work with clients, our supervisor and during Real Jobs meetings the final logo was unanimously decided upon. The colour scheme too was overwhelming agreed upon and everything was brought together.

Developed logo concepts, the final logo is bottom-left (in black surround).
Logo sketches exploring various ideas.

 

 

 

 

 

 

 

 

The logo was one of the main deliverables for the website and it is featured in the fixed navigation bar of the site. The colour schemes too were an underlying element of the website being used for accents and hyperlink texts, and presumably for promotional material in the future. While part of the brand, Anthony was in charge of deciding the main typography of the website as it was previously decided upon when planning and creating initial wireframes. We used Roboto as it is Google’s default font for their brand and Android which means it is designed to be legible at any size and on any screen which is perfect for our application.

UI guidelines: chosen colour scheme from the logo for use on the website.
UI guidelines: chosen typography with example text, link to locate the font and recommended font sizes (taken from Apple’s Human Interface Guidelines).

Reflection

We were incredibly lucky to have clients that were clear on their goals for the project but were flexible with the design decisions we made. This allowed us to express extra creative freedom, additionally, it was a blessing to work with skilled developers that were able to bring our ideas to life in meaningful ways. In the end the clients were very pleased with everything we created for them. This project allowed us to work on a completely new and unique website that can hopefully be a valuable part of the university’s history and allowed us to diversify our portfolios with the inclusion of such an interesting project.

Client comments

The clients made it clear throughout the project how happy they were with our involvement and what we brought to the team. Having completed the project the team leader, our client, was happy to share these comments with us:

“Olivia and Anthony had excellent communication with the team during the project! They have an excellent understanding and analysis of the design requirements of the project. The presentation of ideas were clear and convincing and the progress was also appropriately paced. The design work was completed to a high quality.”

Final outcome

We were tasked with sharing the final UI designs with the data science club which essentially ended our personal involvement in the project but it has continued development and is currently not live. The new projected release of the platform is September 2021, which should allow it to remain an essential resource for COVID-19 information but sadly vastly overshoots their original release deadline of early 2021. It would be a pleasure to work with Dr Huizhi Liang and the data science club again in the future.

Christian Community Action branding

Background

Christian Community Action, otherwise known as CCA is a Christian charitable organisation local to the Reading and Berkshire area. CCA provides support for less fortunate individuals or families who are unable to furnish a suitable living space for themselves. They recycle furniture, clothing and household goods. However, in recent years the organisation has lost support in both staff and donations. CCA also provide employability schemes and workshop skills. The client believed that a new brand identity was required to bring back to life CCA and regain momentum so they can get back to helping Reading’s community again. This brand identity would provide a refreshed image to the public and be placed at all of CCA’s premises, transport and branded goods.

 The brief

The brief overall comprised of two components, consisting of a list of primary and secondary deliverables. These were the following:

Primary

1 x brand identity package (to be applied to all promotional materials such as merchandise, newsletters, postcards, posters, shop signs and vehicle wraps. This consisted of:

  • 1 x logo
  • 1 x Typekit
  • 1 x colour palette

Secondary

Promotional materials templates:

  • Shop face, banners, documents for both digital and print, posters and mockups of a new website.

The objectives of this project were to re-establish the organization through a new visual identity, reinstating its ideals. The re-brand would lift the organisation back into the current proceedings of Reading’s community. The new brand identity would need to be fresh and modern, distancing the previous conservative branding. This progressive step would take the organisation forward and more in touch with Reading, making it more approachable.

 Research

I began this project by reviewing CCA’s current branding and analysing competitors and existing branding from similar organisations. From the offset of this stage, it became apparent that it would be difficult to create an identity that wasn’t too ‘Christian’ whilst making it obvious and relatable to the organisation’s values.

After reviewing an extensive amount of competitors, I began to narrow down themes and ideas that I would like to draw upon and incorporate within the new branding. I deemed these factors worth consideration as an attempt to create a strong and appealing identity. These consisted of:

  • Sans serif typography – to help legibility both on and off screen mediums.
  • Organic or rounded shapes – conveying calmness, tranquillity, and care.
  • Soft edges – to appear friendly and appealing to the wide target audience, posing a non-authoritative tone.
  • Light colours – to convey sentiments of peace and love whilst also helping the brand to appear friendly and welcoming and non-corporate

The target audience for this project was really for anyone, from young adults wishing to get stuck in with helping the community or those of an older demographic. Typically it would be between the ages of 18-70. Although a large span, this range was determined upon the multiple pools of people that may interact with the brand. Namely being:

  • People seeking employment or looking to immerse themselves within charitable works.
  • People in need of the services that CCA provide.
  • Those looking to donate to a worthwhile cause that will benefit and help the area.

 Designing and development

Starting with numerous sketches and ideas, I began experimenting with colour, typography and form. Initially, to keep true to the values of the organisation, I started producing logo iterations using key icons or imagery associated with Christianity. Naturally, these ideas incorporated the use of a Cross, combined with type and other Christian symbols. In turn, after a process of refinement I began to choose and develop which ideas were working best to present to my tutor, and then in turn upon approval, the client.

Above is the first iterations of the logo, playing off themes discussed above. I tried to incorporate CCA’s values in the most effective way, considering the use of the cross, recycling and colour. Colour was an important factor to consider after a conversation with my client. As Reading is a beautifully diverse place the client wished to try and incorporate this. The use of multiple colours throughout these designs was used to convey diversity within Reading’s community.

Upon feedback from my student peers and my attendance at the real jobs meetings, I was able to takeaway helpful feedback and therefore begin to refine and further develop my logo iterations. Within the next set of iterations I began to experiment with type and propose distancing away from using the cross, taking a favourable approach in focusing on CCA’s recycling aspect.

 

The logo approach I took forward from here utilised circular arrows. This was symbolic of recycling, progression and of the good charitable work CCA do. However, as I proceeded with iteration it was flagged up that it was of a likeness to a pre-existing corporation. From this moment I reverted my development and had to take a step back. This process of reviewing was essential in leading me to my next logo iterations and to get the project back on track.

From here after having a conversation with my supervisor, I looked to see if I could turn this around. I therefore delved back into my research and initial ideas and went to see what I could make of it. This led my down a path where I designed a typographic logo, using colour and type to create a typologo. I took a u-turn too in terms of colour palette. Here I refined three potential colour ways that took a friendly and welcoming approach, making a U-turn from CCA’s current branding and colour scheme that was quite conservative.

 

The first iterations were chosen to develop after receiving feedback on these designs. The reasoning behind their form was to still represent recycling, but also compassion and diversity with the interlinking letterforms. This represented Reading’s community and the values of CCA.

Outcomes

Outcomes of this project subsequently developed into a new logo with a logomark iteration. Having two types of logo iterations would serve CCA well as it would mean they could have an adaptive logo to brand their mediums. As a result, a branding toolkit was created. This consisted of the two logo iterations and guidance on how to use them, the respective colour scheme for the new branding and the typeface Urbane Rounded and its weight family. These elements were all decided on the basis of creating a friendly, warming and welcoming brand that had an organic feel. The use of light and bright colours was used to convey the values of CCA and the client. The decision for using rounded type forms for the logo and typography was also dictated by these factors. By using soft and rounded type it would come across as non-aggressive and authoritarian, in turn this meant that the visual identity was approachable and fresh. A Stark difference to the previous branding.

Reflection

On a whole this project was an enjoyable experience and I came away with many positive experiences. In all honesty, I can’t say I was completely prepared to take on a project like this as it was a different to a normal module. However, the takeways from it are invaluable and I am in no doubt that it has shaped me as a designer and learning to communicate effectively with a client and respond effectively to third party feedback. Due to the nature of this project, it was meant to be over relatively quickly, however with the on-goings of covid and the current climate, the time span increased tenfold. Moreover, it was almost a blessing in disguise to have a delay within the project as CCA was undergoing some changes. This therefore allowed me to get the branding as close to the clients wishes as possible. In reflection on myself, an area of improvement would be time management. By this I mean keeping on track with deadlines outlined in my restated brief.

Overall, I was pleased with the project outcomes and I believe the client was too. It was brilliant to also have such an enthusiastic client who really cared about the progression and purpose of project, this really made me feel like I was part of something that would help and change the lives of people.

Dizzy Milk Brew Co.

Who are Dizzy Milk?

Our clients; Jack Gillespie and Ash Stedman, were beginning a new business venture of brewing their own range of craft beers in July, 2020. The proposed name of their company was ‘Dizzy Milk Brewery”, and the USP of this brand was to sell the beers via an online subscription and to deliver them straight to the home address of the buyer. The closure of pubs during the first UK lockdown and the confinement that people had to maintain within their homes sparked this idea and the proposition that the beers would be distributed by milk men and women in the same fashion as their milk deliveries. With the clients looking to brew a series of experimental and interesting beer flavours, a series of beer label designs were required which brought Jack and Ash to the Real Jobs scheme.

Brief

At the beginning of the project, our clients asked for a series of three can label concepts, a logo and digital mock-ups for tap room signage and marketing collateral. In the initial briefing meeting for the project, the clients presented to us their existing logo and can concepts, alongside beer brands which were similar to the kind of brand identity that they wanted Dizzy Milk to have. They expressed to us that they wanted a series of designs which has a vibrant colour palette, unique artwork or imagery and created a bold, unique and recognisable brand identity. The project was initially aimed to have a 2 week turn around, so a restated brief was quickly established and the research and design process commenced very swiftly after the initial briefing.

Dizzy Milk’s initial logo concepts

 

Key words provided by the clients that guided our creative journey.

 

Communication and project structure

As a design team of three, we maintained weekly contact via online messaging, as well as regular webcam meetings. We maintained contact with our clients via email as well as Zoom meetings to present design iterations and receive feedback. While this communication remained strong and frequent during the first few months, the progress of the project became hindered due to our client’s external commitments. This, alongside evolving design suggestions lengthened the turnaround time for this project.

Understanding the audience

In order to find out more about Dizzy Milk and its consumers, we researched the market for Craft breweries and Microbreweries. This also educated us enough that we felt comfortable in our first client meeting. Our research made us aware that microbreweries emphasise quality, flavour and brewing technique. The team discovered that craft beers for microbreweries tend to cost more than big-name beers, which helped us understand that users are looking for a unique product that is high-quality. We also researched about the subscriptions market because it increased our knowledge about how many users are involved, and what they think is important.

Our research on Microbreweries (https://trello.com/c/gTcEdkqx/7-research-market)

To find out about a potential audience for Dizzy Milk, we created and distributed a survey. This was used as a tool to answer questions about who our users are, what they like to see in a product, and what issues they may encounter. We crafted a range of questions, specific to visual design, that would help us find vital information. The team created multiple choice questions and also devised a scale to give users the freedom to describe their experiences. It was vital that we left room for users to respond in their own way. The UX design of this survey was carefully thought out, as we didn’t want users to be confused by the layout, or unable to read questions. The survey was beneficial because it helped us identify pain points or specific problems that users are experiencing. We identified that users did not like dull colours as they are less interesting than bright colours. The survey results also told us that the users favoured more expressive and illustrative styles of artwork, which then guided our creative direction.

 

A few examples of surveys completed by potential users of Dizzy Milk.
Analysing the results from our survey.

The team created 3 personas that represent various user types that might be consumers of Dizzy Milk. It was important to identify factors such as their interest in craft beer, their income, and their interent usage because it helped us discover what content people care about. When creating these personas, the team ensured not to stereotype the typical users of craft beer that we found through our research, as Dizzy Milk wanted to cater for all demographics – it is a product for everyone.

Establishing our user personas

Once we had clarity about the nature and extent of our content, and the fundamental goals of our users, we refined our design proposal to a more detailed level. We configured set deliverables, and analysed how they would meet our user needs. We also wrote down the inspiration for each deliverable, which was based upon information given to use by the clients, and also due to results of the survey.

An analysis of our proposed deliverables

After confirming the deliverables with the client, the team started designing. We created a mind map full of visual ideas that was devised of preferences from our survey results, and that would be suitable for the brief. The user testing told us that users preferred an illustrative style of design, therefore we use fineliner to create hand-drawn ideas for a logo. Another result from the survey was that the can design needs to reflect the ingredients, so we experimented by sketching different fruits. By creating a document of ideas, this helped us visually understand our users by seeing things they like.

Visual mindmap of ideas to aid our designing for the logo

Soon after proposing the deliverables, the clients sent us a document that expressed designs that they liked and disliked. This was useful because we could now group together their design preferences with the potential users we researched. It explained some of the designs the clients liked, which guided us in the right creative direction in developing Dizzy Milk’s visual identify. They did not like designs from Brewdog and Wild Beer because they didn’t scream “EXCITING”From this document provided by the clients, we took away that the clients were in search of designs that ‘SHOW DIVERSITY IN TERMS OF CREATIVE EXECUTION, WHILST SHOWING A STRONG BRAND IDENTITY AS A COLLECTION”. This was something which we took on board, right from the off on this project.

Beer can designs liked by the clients

Deya can designs/ logo liked by the clients.
Basqueland can designs/ logo liked by the clients.

Beer can designs disliked by the clients

Brewdog can designs/ logo disliked by the clients.
Wildbeer can designs/ logo disliked by the clients.

Finding a creative direction

We commenced the ideation process by creating individual mood boards and initial sketches of the illustration style and logo ideas which we could explore, informed by our clients needs and research into users and the craft beer industry. These mood boards were key in establishing a visual design route for the designs of Dizzy Milk’s can and logo designs. These mood boards and initial sketched were presented to the clients and from a varied selection of moodboards presented to the clients, the clients were happy to explore 3 different styles, as follows:

  • Spiral
  • Expressive/artistic
  • Utopian/Futuristic
The moodboards/ concepts chosen by the client that we would develop further.

Each of the three moodboards had its own distinct style and take on visualising and representing Dizzy Milk. The Spiral concept moodboards, had quite a colourful, physcaedlic like approach, compared to the expressive/artistic moodboard, which was the opposite of this. On the other hand, a utopian/futuristic moodboard was also explored too, with influence from brands such as Beavertown adding to this and how cartoon-like illustrations could be used on Dizzy Milk’s cans.

However, at this initial stage of the project, it became apparent, that our clients weren’t keen on using imagery of cows, dizziness or milk in the branding of the logo, as showcased by our series of logo moodboards presented to the clients alongside the different themes. The reasoning behind this, was due to the potential connotations that the product actually contained milk, or promoted alcohol intoxication through the theme of dizziness.

Initial logo designs based upon the keyword “Dizzy” and “Milk”.

“It is awesome to start to see the dizzy milk brand come to life” – Jack Gilesipie (Client)

Developing the logo and can designs

Using the mood boards and feedback, we were then able to start creating digital design variations for the logo and can designs, shown below. Anya experimented with free-form/ hand-drawn typography which intertwined with fantasy imagery, in an attempt to create a unique and recognisable visual style, alongside vibrant colours, as had been requested by the clients. Issy used her line drawing/ expressive visual style to create a detailed and original design. Harvin developed his utopian theme further by incorporating different animals that the clients expressed they liked, such as an octopus, as a suggestion was made that we could include animal imagery in the design.

Logo development with a strong emphasis on typography.
Can designs in an expressive/ illustrative style.
Can designs in a futuristic style.
Can designs in a spiral style.

Alongside the can designs, we also created another set of logo iterations which steered away from cow, milk or dizziness imagery, as the clients did not want the logo to display any connotations to these words. The team experimented by creating logos that involved eyes, spilled beer, reflections and space. We also created logos in a variety of styles and weights, as at this point the clients had given us full creative freedom. Some of the logos also looked at incorporating a mascot into the Dizzy Milk logo such as the use of both the octopus and a narwhal, with the clients suggesting that the spiral-like features of these characters can hint subtly towards the theme of dizziness. We soon met with the clients to show them the beer can and logo designs. For the logo, they expressed that although they liked the illustrative and ‘hand-made’ style, they said they wanted a more substantial logo. As the logo needed to stand out against the artwork and be differentiated, we dismissed the expressive visual style and continued to develop ideas such as the eye design and the space theme. The clients also expressed that they wanted more of a focus on typography, so they are able to apply the name ‘Dizzy Milk’ to many products in the future so it appears typographically strong on all elements and ultimately, stands up against its competitors on the shop shelf.

First logo iterations by Anya.
First logo iterations by Issy.

 

“Thanks for getting back to us, and to echo Ash’s feedback we are blown away with the progress here and feel like we are on the cusp of breaking through with the next round of amends” – Jack Gillespie, client

When presenting these three can styles to the clients, they expressed that the two concepts which they thought best represented the vision for Dizzy Milk were the utopian/futuristic theme, as well as the expressive, line-work style. They therefore asked that these two styles could be developed further in order to choose their favourite in the next meeting. For the illustrative style, the feedback we received was to make it more unique and not into a pattern because the illustration looked too repetitive and uninteresting. To overcome this, we re-drew some aspects of the design. To give an example, the can design for ‘El Secret’ only had a few faces repeating themselves, so we ensured that all the faces in the design were unique. Not only did this improve the uniqueness of the can, but it also makes users feel they are receiving a product of high quality. For the utopian/futuristic style, the team began to incorporate other animals into the designs, such as an octopus and dragonfly’s alongside the use of the sloth. Inclusion of several characters throughout this set of designs, was influenced from the clients feedback into how the introduction of more designed animals, could help to tell a story across the designs of the cans. Harvin’s rustic illustrative style helped to set an earthy tone for the can designs; making users feel that the beer is home-made and carefully configured. After receiving feedback from the clients that helped us know how to develop the two concepts, in addition to the logo designs, our roles within this project shifted at this stage. Issy and Harvin continued to develop can artwork, further progressing each of the two concepts taken forward by the clients, whilst Anya focused on refining the logo, working hard to create a memorable identity for Dizzy Milk.

First iteration of illustrative can designs.
First iteration of futuristic can designs.

Due to the visually exciting and bold artwork used in Issy and Harvin’s can designs, the clients retracted their previous suggestions and expressed that a more simple logo would work best for Dizzy Milk, so as not to distract from or clash with the artwork. Anya therefore created a series of logos which featured more simple typography and visual elements, such as solid circular or rectangular borders. These can be seen from below, where both the logo designs and can designs went through another round of iteration, with the clients wanting to see one final extra round of iteration for each concept of beer can design, before informing us of which concept was to be taken forward. Issy’s artistic concepts, began to introduce photography which was integrated in and around the different illustrations for the cans, providing a successful balance in terms of the cans overall design. Harvins utopian concepts focused on adding small design elements to the cans such as the ‘El Secret’ beer flavour that used a textured background to represent an undercover like design theme, whilst these designs also looked at introducing playful design styles especially to the information on the back of the can.

First iteration of illustrative can designs.
Second iteration of can designs in a futuristic style.
Logo development with a stronger focus on typography.

“We are finding it near impossible to choose between the two to take one forward for the next stage” – Ash Steadman, client.

Dizzy Milk logo chosen by the clients.

After a lengthy delay, due to the clients taking their time on choosing a concept to progress and go forward with, a decision was finally reached on which concept to take forward. Our clients expressed that they were really impressed with all of the new iterations of can and logo designs, however they chose Issy’s line-work based cans to move forward in the project, as they mentioned that Harvin’s designs were quite similar to an existing brewery; Beavertown. With both designs perfectly viable for craft beers, the clients saw Issy’s designs having the advantage of standing out, in an already crowded craft beer market. From a selection of further refined logo concepts, they also chose one particular favourite to be used in the final set of can designs, shown below, due to its prominence and how it stood out.

Iteration of cans with photography incorporated.

“We really appreciate all of the amazing work that has gone into this round of revisions. Both iterations are great and worthy of being a beer brand’s design. We have loved watching this and all three of your styles evolve throughout the process.” – Jack Gillespie, client.

Exploring printing finishes

The clients had been interested in exploring and researching different types of print finishes which could also be explored such as the use of holographic printing. The clients emailed and informed us that they had been in contact with a company of their possibility of a holographic printing finish following Ash’s discussion with several printers. They expressed how they wanted to showcase the original dizzy milk logo having a holographic printing effect added to it.

The clients highlighted that considering print finishes would be great in terms of further expressing the creative possibilities with the can designs. We learned about the two methods at which a holographic effect could be applied. The first of which, is where the whole label is applied with a holographic finish (Basqueland), whilst the other (Otherhalf) showcases where the holographic effect could be applied in specific areas like a spot UV, in combination with a matte effect. The Basqueland beer label showcases how on a metallic surface, a holographic effect works particularly well, as seen from the image attached below.From this, the clients were interested to see what the possibilities of a finish such as this would be and were keen to know what the departments print studio would think of a finish such as this. The team organised a meeting following this with Geoff, to talk through the possibilities about a finish such as this. Following on from this, Geoff was able to provide us with the details about a company known as the labelmakers, who I would call to find out more details about the process about holographic printing. As the team continued in our creative journey, the idea of producing a holographic finish was no longer our focus, and instead the team focused on developing the can designs and logo. Although it was interesting for us to research and consider this print finish, we will ultimately leave it to the clients and supply them with the finalised files for them to then develop.

A holographic print finish explored by the clients.

Design refinements

With a series of can designs and a logo selected by the clients, we were then able to start making final refinements. Alterations needed to be made regarding the colour set of the cans, as our clients requested for us to explore some more coloured backgrounds of the artwork. We also needed to explore the placement of the logo and beer names, as well as the arrangement of the information for the backs of the cans.

Experimenting with different layouts for the back of the can.

We explored the possibility of including a white panel across the top of the cans, allowing for the logo to be placed alongside the artwork without clashing with it, which was the case in our designs which had the logo placed directly against the artwork. Other ideas explored included continuing the linework of the illustrations into the white panel, as well as only featuring the logo and beer name on the back of the can, allowing for the unique illustration style to carry the main brand identity of Dizzy Milk. When presenting these ideas to the clients, they expressed that the white banner including illustration linework was their desired concept. They also stated that they would prefer for the beer name to be on the back of the can to avoid obstructing the artwork, which they saw as the main selling point for the beer designs. The use of the banner, which the clients preferred worked well for the beer name to be placed on the back of the can, with the title sitting comfortably within the banner on the back facing side.

Beer can designs with name of flavour and logo on front of can .
Beer can designs with logo and flavour on back.
Beer can designs with white/ black bands to display the logo.

Our last round of refinements therefore included positioning the beer name, beer descriptions and ingredients comfortably on the back section of the label, printing the labels off to adjust the type-size used for the written content on the back of the cans to ensure suitable legibility, as well as cleaning up and finalising the artwork and setting the black parts of the label design to over-print, to ensure our files were as press-ready as possible and ready for delivery to our clients.

The final beer labels

Following a thorough process of exploring several possibilities of layout for the design concepts, our finalised labels for four of Dizzy Milk’s craft beers, can be seen from below, that were exported once all final tweaks and adjustments had been made in the aforementioned section.

Beer can designs featuring white band with continued illustration, approved by the clients as the final design.

An honest reflection

When reflecting upon the job as a whole, working on a project such as this was a fun and intriguing experience throughout and as a team, none of us had experienced a job quite like this before. In reflection of the job however, it would have been nice to have seen the full realisation of the job, seeing the labels we had designed go to print and be wrapped around a can of Dizzy Milk. Whilst we did supply our clients with these designs which they could take forward, it was a shame in reflection, that we could not quite take the labels to the next stage, where they are printed and could have a range of different finishes applied to them.

Whilst the project started extremely quickly with the initial quick turnaround for the job, several delays throughout the project seemed to curtail the progression of the job, with delays on the clients side.

Issy

“As this was my first Real Job, I was excited to get started in designing for real clients. By completing this job, I now have more confidence when talking to clients, and feel comfortable and confident enough to ask lots of questions. I have really enjoyed creating beer can designs for Dizzy Milk, and hope that they are more than satisfied with our final outcome.”

Harvin

“Designing for the Dizzy Milk Brew Co. has taught me that the need to set strict deadlines in place is a must. It was  frustrating that the project ultimately drifted when it started off so promisingly with a very quick turnaround.”

Anya

“This project has taught me the importance of sticking to the original design schedule of a project as much as possible. I have really enjoyed working on this brief, particularly the ideation stage where we were able to explore fun and exciting design concepts.”

PROJECT LATERAL – RAF design studio

Background
Sgt. Lee Tomas, Chief of the RAF’s air staff campaign set out to create striking visuals that broke conformity of the old and invigorated the new to build a Next Generation Air Force. The purpose of this was to create designs that brought a new lease of life to the RAF and encourage recruitment. Lee’s desire was therefore translated through Project Lateral to refresh the organisation and engage with new audiences, whilst maintaining the RAF’s values. Lee reached out to the department to help shape this campaign and craft an image that was precise and professional, looking to eradicate pointless programmes and the overused conservative style.

The brief
For this project there was a set of multiple deliverables to produce, this therefore determined that a mini brief for each deliverable was required. The core deliverables and respective briefs are as followed:

  • Astra-space rocket launch patch

To create a badge to be used on the rocket launch in 2021 and combine the Astra logo and colour palette with client supplied reference image. This will create one design which will be used at the Astra Space Rocket Launch.

Content: Text: Astra + Space Rocket + Tagline + Stars + Saturn

  • Astra illustrations for the 2040 comic

To digitise 3 comic illustrations based off the client’s provided sketches that matches the house style of the client and client provided colour scheme.

  • AviatoRAF logo

To create a logo to represent the new AviatoRAF programme and rebrand the RAF ‘Airman’ to the RAF ‘Aviator’. Use client provided sketches for reference or inspiration, incorporating the tagline ‘fresh af’ into the logo.

Secondary deliverables were also proposed; however, this was subject to time and success of the primary deliverables. Each deliverable was a stark different style to previous graphic material produced by the RAF, therefore designs had to be carefully crafted and considered.

Within our brief we established our roles and responsibility as a team and as individuals, also creating a service level agreement to work with to ensure the project ran smoothly.

Research
Most research was collected through our first online meeting with the client. From this, we found that the RAF were trying to rebrand their image to appeal to a younger audience. The RAF is the UKs aerial warfare force, supporting the objectives of the British Ministry of Defence. The new concept for ‘RAF ASTRA’, is to create a fresh new image, to replace the RAFs overused conservative style. The attitude of the RAF members is that of never losing, even in failure you can learn. We will therefore try and communicate this through the new visual design. The audience for the RAF ASTRA ranges from 16 to 60. This means that the visual designs that we create for this campaign, must be fun enough to appeal to a younger, new audience, while also being accepted by older existing members of the RAF.

Design process and deliverables
As a team we began ideation by sketching down ideas, themes and potential routes for the deliverables to meet their mini briefs. In turn this process acted as an action of filtration, whereby we eliminated unnecessary components or ideas and started to create a strong concept for each deliverable.

  1. Patch
    The first of our final deliverables was the RAF ASTRA space rocket patch. The client provided us with two reference images, one of which he wanted us to reciprocate the style of. The other image was an RAF design, which he wanted us to use the colour scheme from, strengthening the connection between the patch and the brand. The badge was going to be used for the 2021 space rocket launch, hosted by RAF ASTRA, and would need to appeal to both older, existing members and a younger audience. The use of soft illustration for the smoke and stars, within the round badge, makes it fun and easy on the eye. Similarly, the strokes on the ring of the planet gives a sense of movement to the badge, adding to the element of fun.The use of colour was in-line with the RAF and the Union Jack, creating a synonymous link for the user to associate with the organisation. The use of sans serif typography provides clarity and legibility. Both form and type were of consideration for this deliverable as it needed to be round with clear hierarchy as it would be stuck on a uniform. The design therefore needed to be minimalist in order to not clash with the uniform.After presenting our ideas to our project supervisor, we were advised to show the client what we had produced. The client expressed their gratitude and confirmed that they were pleased with the design. We suggested that we could continue to make adjustments, however, the client was eager to use the final logo patch we had created and suggested we move onto the next deliverable.

 

 

 

  1. Comic Illustrations
    The second of our deliverables included producing a series of comic illustrations. Being asked to produce three illustrations, and there being three of us, we each illustrated a comic strip, to share the workload. The client provided us with their concept sketches, which we took into illustrator. Colour scheme was also chosen by the client, in which he provided an existing comic illustration for us to reference. We received continued feedback from our peers and supervisor throughout the design process, suggesting areas to improve. It was made clear by our supervisor that we needed to maintain consistency in our style of illustration. Subsequently, we made sure to deploy the same illustration style and balance the colour scheme effectively between the group.After acting upon our feedback and finalising our designs, the client made it clear that they were pleased with what we had produced and asked that we sent them the designs in the suitable format. The overall outcome was three individual comic style illustrations for the client to use in attracting a younger audience
    to the RAF.

 

 

  1. Aviator Logo
    The last of our deliverables involved designing a logo for the RAF’s brand, Aviator AF. The client sent us a rough hand-drawn sketch of what the design might look like and the components they would want us to include. We began the design process by sketching out different designs, taking inspiration from the client provided assets.

Upon suggestions from the client, we also implemented our own preferences and style into the designs, attempting to create a fresh new brand as the client had suggested. Within these sketches, we focused on a typographic logo to enforce the ‘Aviator’ name. We also explored the use of the target icon, which was important for maintaining the brand identity.

Upon feedback from our project supervisor, it was suggested we take the designs digital in order to fully explore the use of colour and scale at different sizes. Digital illustrations allowed us to fully engage with the colour palette we had been provided with and further enforce the RAF aesthetic. This helped us to make informed decisions on which designs were most effective and choose which to show the client. We selected our most favourable designs in order to receive feedback from our supervisor before showing the client.

Subsequent to this meeting, we collated the best designs ready to show the client. We settled on 3 designs, taking inspiration from the content they provided and maintaining the classic RAF colour scheme. We then received feedback from the client, in which it was confirmed that they were happy with the designs and agreed to select their favourite.

Reflection
The nature of this project was different to how we expected, since we were required to work as the client’s design team. Subsequently, there was a variety of different deliverables that the client expected us to complete throughout the project. The flexibility of these deliverables meant that we were able to apply our skills to a range of different design work. However, it was often frustrating to learn that many of our designs were no longer needed or going to be used and therefore put a halt to the progress of current work. Furthermore, we were often sent a range of deliverables at a single time which became quite overwhelming when balancing each of the tasks. The most difficult part of this job was communicating with the client. We took value in learning what it would be like to communicate with a client in a working environment, however, we found that the client would take a long time to respond to our emails and often not respond at all. It was difficult to keep track of deliverables since the clients preferred method of contact was via mobile, which was often at non-working hours. Despite this, we gained value from experiencing what it would be like to work in a demanding working environment.

Ourselves and the client were pleased with the outcomes we produced; however, we feel that with greater organisation and communication between ourselves and the client, we could have produced a greater sample of work. Despite this, working as a design team was a unique experience and we are proud to have worked with the RAF and help contribute towards their branding.

 

 

 

The IC Branding

Background

The IC, abbreviated as the ‘International Collective’, are a company who specialise in internationalisation within the education sector globally. Founded by clients Sirin Myles and Charlene Allen, The IC, aim to create a community for individuals to share, learn, collaborate and support, to help each other grow within the field of internationalisation in the education sector. A way in which the company helps individuals working within this sector, take the next step within their career, is through the use of their online learning platform and training programmes, which provide individuals with workshops, mentoring and coaching.

With the clients wanting to progress further with the company, the development and design of a distinct brand, to represent The IC, became a priority. The clients therefore approached the Real Jobs scheme, at the beginning of February 2020, at which point I decided to take on this branding project after the opportunity was made available.

 

Restating the brief

To kick-start the job and begin thinking about what the visual identity for the company may entail, an initial meeting was held with both clients Sirin and Charlene in the typography building, to discuss the initial job briefing in further detail. The initial meeting was a very positive one, with my understanding of the field of internationalisation within the education sector, being strengthened. Prior to the meeting, my understanding about the sector the company sat in, was fairly confused and something which did require some time to get to grips with. However, through talking with the clients in depth about the company and what they do and what services they provide, my understanding of the sector improved, which was crucial because I wanted to feel comfortable and well informed of the field that I would be designing for. Following a very positive meeting with the clients, discussing the initial brief for the project, it was understood what deliverables were expected from this job, which are listed as follows:

  • Visual Identity: Name and Slogan for the company, a logo (which can represent the companies three sectors: The IC Academy, executive and community and a set of brand guidelines
  • Business cards
  • Powerpoint, Word report and letterhead template designs
  • Social media templates for Linkedin, Facebook and Instagram
  • Iconography for the online teaching platform

Whilst a list of the initial deliverables was extensive, the job initially had a very quick turnaround, with the vast majority of the deliverables expected to be delivered within the space of the first month, highlighting the challenge that I was faced with.

 

Getting the job started

With an initial quick turnaround, research commenced shortly after a restated brief had been agreed and signed off by the clients after the initial meeting. A particularly useful amount of research, evolved from conversations with the clients in the initial meeting, where the clients were able to describe and talk about some of the competitors within their field such as Buila, Advance HE, Universities UK, EAIE, Nafsa and AEIA. Understanding who the company’s competitors were, was incredibly useful to know, as it enabled me to conduct further research into The IC’s competitors and begin to build moodboards analysing the visual design trends amongst these competitors and what common themes could be analysed. Many of the companies as showcased below, appeared to have similar styles of logo, with many logos in particular seeming to incorporate the globe frequently because of the close connotations to globalisation. Other companies’ identities on the other hand, appeared outdated such as NAFSA. With many of the identities within this sector looking relatively similar after surveying an array of logos within this field, it was evident that there was a gap in the market for The IC, to enter with a fresh identity that would give the company an edge over its competitors, with the clients highlighting that the brand needed convey a sense of vibrance, in order to communicate effectively with its audience.

 

Further to this, a series of mindmaps and brainstorms were then drawn out, exploring key values which could be used to help suitably represent the identity for The IC. Some of the values brainstormed included values such as community, development, sustainability, progression, warmth, global, prestigious, contemporary, learning, connectivity and interlinking. Exploring values such as these was useful, because it helped to highlight potential routes the design for The IC’s identity could take.

 

Initial sketches

Having analysed the market and existing companies brand identities, initial logo sketches built off some of the values which were brainstormed, focusing on concepts such as education, globalisation, interlinking designs and progression. Sketching these ideas based off core values, was a good starting point in the logo design process. From here, the designs were then digitised with the initial turnaround for the delivery of the logos a fairly swift one.

 

 

 

 

Through showing the clients these digitised designs, the clients highlighted a preference towards the use of a san-serif typeface over a serif typeface. Through these initial designs, the clients did however express concerns towards using logos that were enclosed within a square as they felt it gave off the impression of being ‘boxed in’. Some of the initial logo concepts which used the concept of interlinking were appreciated by the clients because of the links to the theme of community. The clients however, were quick to disregard initial ideas which used the graduation hat, the use of stairs to indicate progression as they saw these as designs which were fairly common.

 

Developing logo concepts

With a critical eye looking back on the first round of digital iterations, many of the designs fell short in terms of being unique and as the clients put it, ‘vibrant’. Many of the initial designs had a conservative feel to them, but through a second iteration of logo design concepts, a better attempt was made at producing a series of more interesting design concepts for The IC, highlighted through concepts which explored the use of an arrow, and the interlinking of an I and C together. From this set, there were two designs in particular which caught the eye of the clients. The first concept integrated both the dot of the ‘I’ and the ‘c’ together to form an icon which began to actually look like a person, which could be a good way of trying to symbolise the theme of community, whilst the logo as well had been split into three sections which had the potential to represent the three different sectors to the company as well. The second iteration of logo design from this round of designs, produced another concept which was taken forward into further refinement whereby the actual shape of the letter C, was divided into three sections. Once again, the clients had a strong preference to a design such as this, with the 3 intersections of C having the capability to represent the companies three sectors: The Academy, Executive and Community.

Further iteration of these two logo concepts progressed over an extended period of time. Due to the COVID-19 pandemic in March, the project deliverables and designs for the logos, were pushed back. The clients however, were interested in seeing how the design of the logo evolved with each round of iteration. With these two concepts, several colour ways were tested. Throughout, the clients would often highlight that they preffered to stay clear from colours such as light blues, greys and dark reds, whilst colours such as purple and orange were colours the clients had a strong pull towards. Orange and yellow shades emphasised warmth which would the clients liked in how this represented The IC, whilst the use of purple was something the clients liked, because of its ‘prestigious’ connotations.

 

Encountering issues with the logos

With both concepts, colour testing with the logos helped to see if the use of three colours within each of the logos was possible. This was explored thoroughly looking at how each colour could represent a sector within the company and correspondingly relate to the strapline in the logo. However, the colour balance when using 3 colours within a logo proved tricky to resolve. In addition to this, the clients were keen to see the strapline contain each of the three colours from the body of the icon. The issue with this, was that the colours in the strapline would often recede and fight for prominence. At this point, it was decided that the first logo concept which integrated both the dot of the I and the C, was the strongest out of the two. The placement of ‘The’ in te second concept proved a challenge and after deliberation by the clients, was disregarded.

One of the major lessons learnt throughout this job, however, was that my process in designing a logo, was not refined from the start. Part of the issue in my production of the logo concepts, was that a lot of the time they were not designed in reverse and rather with counters around them, giving off a false sense of scale. In addition to this, my scaling of the logo was ineffective for quite a lot of my concepts in how the title scaled with the icon. A major and invaluable lesson learnt was how James Lloyd would often recommend to test the logo on a series of mock-ups to see how it would work as a unit. At this stage in the process, my logo did not work as a unit and the scale was rather awkward.

With this learning in place, reconfiguration of the logo into a more compact-like logo arrangement, proved to work better when placed amongst a variety of mock-ups. However, in this suggested change, the clients did not approve of this and were adamant to stick with the original arrangement. This was a slightly frustrating part to the job, as I was unable to convince the clients about why a change in the logo into more of a unit-like structure, would be of benefit to the user in how the logo would scale and work with other logos. This was an issue which needed to be resolved, as my logo which I had designed proved to be ineffective.

 

 

Overcoming issues with the logos

To resolve this issue and ensure that the clients remained happy and on the same page with the project, the logo icon was scaled down to form a more balanced unit in it’s relationship with the text and through testing of the logo against competitors and how it worked with other logos, the design was more effective. At this stage, the colour balance of the logo was also resolved. Initially, the logo design had the dot of the icon in a navy swatch whilst the other two thirds of the icon were in orange. This proved to be problematic especially as the colours seemed to connect with the title and make it seem part of the type.

Ultimately, to resolve this, the upper two thirds of the logo were placed in orange with the lower half in blue, which provided a much better balance overall.

 

 

 

Finalising the logo

One final amendment was made to the logo in the last few phases of the project. The logo icon, whilst better resolved style had awkward spacing to it. To resolve this, the logo was scaled down to the cap-height of the type, which made the logo a much better unit overall. To persuade the clients of this change, I reflected on what I had learnt during the process of this job and showcased the logo on several mock-ups comparing the old version to the new amended logo, which persuaded the clients to make the alteration, highlighting the importance of always testing the logo in situ. With these refinements made, all that was needed to do, was to package the logo files and make some small refinements to the spacing and sizing of the strapline, as the primary logo for The IC, would be a logo without the strapline, whilst the secondary logo, contains the strapline. The finalised set of logos and all of the different colour ways can be seen from below.

 

Building coherent brand guidelines

With the logo finalised, all that was left to do, was to build a set of coherent brand guidelines which could be easily interpreted by the clients and anyone in fact reading them. To help get a sense of what sort of content and layout of content, brand guidelines contain, Spotify, Twitter and Co-op brand guidelines were analysed. All three had contrasting styles but helped to provide a steer as to what the job of the guidelines was, especially in trying to get a sense of what sort of tone these guidelines should be written in.

What I learnt during the process of constructing brand guidelines, was that the content both written and verbal should be concise, so that anyone reading them, can interpret them easily. This is especially true if designers themselves, need to refer to the guidelines.

Therefore, the guidelines developed at the tail end of this project, adopted a relatively restricted aesthetic style. The main emphasis on my guidelines was communicating everything clearly to the clients. Therefore, pages were devised to show all of the different colour ways for the logos and what they are to be used for, how not to mistreat the logo and also how the logo should be scaled when placed alongside other logos, the minimum size at which the logo should be used and more. Pages on typography were then integrated into the guidelines simply informing the reader on what weight of font should be used in which instance. A draft page for the colours was added into the brand guidelines, although at the point of submission, the clients had yet to confirm what three secondary colours to represent their three sectors, they wished to proceed with.

 

An honest reflection

Unfortunately, whilst all variants of the logo and a set of comprehensive brand guidelines, were delivered to the client, it was slightly disappointing, that the full extent of all the deliverables initially stated in the original brief, could not be delivered. The rest of the deliverables including all the stationary, were delivered to a set of second year students. Whilst I am slightly frustrated that I could not deliver the full extent of the job, it will be good to see how the students get on with the branding I have produced for The IC. A test of both the quality of the logo design and the content of the brand guidelines, could be informed by the ease at which, the students can use and apply them.

Having had a period of time to reflect on the job, some of the learning experiences gained from working on a branding project, were invaluable, especially when working in Novemeber 2020 on a more current branding project, as there were skills, which I had learnt and lessons learnt from this job, that were applied to future branding projects and to great effect. This project has therefore allowed myself to evolve as a designer. On a general reflection, my skillset in terms of logo design have evolved and it is fair to say that I was not as adept in this discipline as I initially thought, but as the project evolved and more feedback and lessons were learnt, I believe I have become a much better logo designer, better understanding principles of the logo design process. All in all, I believe a strong identity for the IC was created and one which I hope the company will use for the foreseeable future.

 

Client feedback

“Sirin and I wanted to thank you for all the hard work you put into The IC project. We know it has been a juggling act and wanted to show our appreciation for your patience, creativity and wonderful contribution to what will be The IC visual identity. A legacy!” – Charlene Allen and Sirin Myles

“We appreciate Harvin and all the effort he has put into this project. He has been taking a very professional approach.”

 

Supervisor feedback

“I consider you having worked extremely well on this Real job, and think you should be proud of the final outcomes” – Rachel Warner

Professor Betts Catalogue

Background

This catalogue celebrates the life and work of Professor Anthony Betts, who was a Fine Art professor at Reading University during 1933 to 1963, including work from his peers and students. This will be sold during the exhibition of his work and life in the Reading University.

Brief/restated brief

The brief was to design a 128 page catalogue, showing a range of images, content and types of text. This would be perfect bound. Initially the deadline for this brief was the summer of 2020, however this was delayed due to COVID-19. I was initially expected to design and typeset all the internal pages, with the back cover later added.

COVID-19

COVID-19 directly impacted the delivery of this deliverable, as a week before sign-off, COVID-19 restrictions had just been introduced. This forced the deadline to be delayed to a year after, as this catalogue was to compliment the exhibition. As there was uncertainty as to whether the exhibition would go ahead, there were concerns over whether my catalogue may be cancelled. This was not the case as the exhibition instead was online. This additional time provided me more time to refine the catalogue to surpass the client’s expectations.

Research

It was important to research the audience of this catalogue, and who may be most interested in attending the exhibition. This therefore led me to older readers, who may have either studied under Betts, or just have a general admiration for Fine Art. As a result, this helped me understand that a more subtle design, which focussed on images would be preferable.

To gain a good understanding of the type of design they expect, as well as any inspiration, I looked at a range of catalogues. Many of these focussed on Fine Art. While I had previously understood that the aesthetic was to be traditional, focusing on the images, by doing this, it helped me understand how to approach the content, as well as treatment of typography. This was fundamental in helping me understand the catalogue’s visual identity.

The design process to final outcome

I decided to use a square format, which was a similar size to the catalogues in my research. This was important as I wanted to ensure the reader would easily recognise it as a catalogue and easily use this. I favoured this format, as it provided me with a variety of options when treating images, grids and text.

The margin and grid were designed so to increase the sense on space in the catalogue. Therefore, the gutters were wider, and the page margins were generous. This made the spreads more approachable and attractive for the reader.

I did however want to incorporate some elements of the exhibition, tying this further to the catalogue. I therefore decided to use the blue-green colour for my titles, which my client was planning to use for the exhibition. This added colour to the page and emphasised hierarchy of information.

For the typography, I used Kepler Std typeface. This was used as it has a soft appearance while having character allowing the text-based spreads to remain visually interesting. This reflected the imagery well, and was light, providing additional space within the paragraphs. The typography throughout was subtle, incorporating features, such as en-dashes, ellipsis, thin spaces and multiplication sign.

The typographic detailing was constantly changing, particularly for line endings changing. This was due to changing decisions about image treatment or alterations in space, such as between different headings. Furthermore, as I started to print more spreads, testing type sizes, this naturally changed, as previously the text was too large.

The most challenging treatment of text was for the Catalogue section, due to the extensive differentiation in types of information were required through each section of text. Italic and bold text, hair spaces, numbering and more vertical spacing made this challenging, as each section had to be consistent with each other as well as clearly defined. It was also important to group up the captions, usually to the left page, so the images could be sized and positioned to maximum impact.

The treatment of text differed depending on the types of content. This is evident with the Chronology and Catalogue section, as the differing content forced me to adjust my approaches to these pages. This led to adjusting the typography, such as introducing spaces between the Chronology sections or reducing the type size of the image descriptions. This was necessary for the Catalogue section, as not all the text would fit on a page if sized to the other content. This resulted in a more interesting catalogue, as information was varied, with not all sections looking the same and therefore being repetitive.

Reflection

This project was challenging to me due to the large number of images and general content that required in this catalogue. This was particularly with dealing with different captions and image information, each requiring different treatments. This was often emphasised as these elements had to be consistent, clear and fit into their space on the spread.

Towards the later stages, it was also challenging adjusting or introducing typographic detailing, such as hair spaces between numbers and their measurements or adjusting line endings. This was mainly due to the size of the document, as with that number of pages, it becomes very challenging to design with perfect typography.

Despite this, this helped me appreciate designing different types of documents, and how you may often need support in terms of noticing any potential issues or to help introduce finesse.

While a challenging project, this is something I am very proud of, as I not only pushed my typography to be more refined, but I have also produced a significant project. This is something I did not expect I could do.

 

Baseline shift animations 2020-21

Background

Baseline Shift is a series of design talks, events and workshops organised by a team of students for students at the department of Typography & Graphic Communication for the duration of the Autumn and Spring term. These talks happen on a weekly basis – every Wednesday, and are usually led by guest lecturers who are professionals in the subject. They aim at helping students expand and redefine their understanding of what a designer is, and what design can do.

I joined the team in the summer before the beginning of my third year at the department which made my job a bit challenging but also very engaging because of the ongoing pandemic. Since in-person teaching and events were limited to a minimum, the team had decided that all the talks for the upcoming year would be happening online. 

These talks had already been happening for a few years now so the team and I were provided with guidelines which were written by past students who had been working on Baseline Shift. 

Initial meetings

As a team we organised a few initial meetings between ourselves and the client – James Lloyd. These happened over the summer and we discussed how the new online events would commence in the upcoming year, what changes we might introduce to the guidelines and the talks, and how we would make them digital friendly, as well as discussing potential speakers we might invite. 

Research

In the first stages of the job we had to do a lot of research on how we might introduce new alterations to the branding as well as strategies for promoting the events online and in the department so that students would be aware of the importance and benefits of the sessions and come to our talks. We also had to look up potential speakers and suggest four whose talks we believe would be meaningful and engaging for students in different years – from Part 1s up to MAs. Since Welcome week was beginning on the 21 September, we had to get everything done and signed off by James by the 18.

Working as a team, we managed to decide on speakers, rethink Baseline Shift’s branding, including poster design and screen graphics, talk about roles in the team during the year and set up all of the promotional materials in one single InDesign file for ease of use. 

For speakers, I suggested four, but after a unanimous decision we only picked one of mine, which was the Bulgarian graphic and motion design Studio Four Plus who later went on to give a wonderful presentation. 

For changes in the branding, I personally worked on creating animations for Baseline Shift’s Instagram story, animations for Baseline Shift’s Facebook posts and an animation to be played on the department screen. All of these you can see below.

Animation I created for Facebook posts.

 

Spring Term

After organising a plan of action, the team started splitting into roles. We had two main ones: Promotion – two team members responsible for the creating and posting of promotional materials, and Attendance and blog writing – two team members responsible for attending Baseline shift (run on Blackboard Collaborate this year) to run, gather from and document the sessions each term. 

In the spring term I was grouped with another member of the team to do promotion, which meant I had to overlook the designs she created for every weekly event, make sure one of us posted promotional materials on Facebook and Slack (for MA students) on Monday and Instagram story on Tuesday, update the department screen graphics every Wednesday, take down and put away the old posters and print, cut and hang the posters for the new session on Wednesday. 

I also voluntarily handled all speaker contact in the duration of my time on the team which gave me the opportunity to make some lasting contacts within the design industry as well as improve my communication skills. 

Winter Break

After a successful spring term, the team decided to meet up during winter break to talk about changes in the roles for next term as well as some updates on some of the branding material. We were looking for a new message for the department screen stating that Baseline Shift sessions would be back soon to be played during the break. I worked to create a new message which you can see attached below, however we decided that there was no need for such a message since there was no one in the department during that time. 

Message I created for the department screen.

Second Term

For the second term, the whole team switched roles so that everyone could experience every part of the job, which I believe was smart. That meant it was me and my partner’s turn to attend the sessions and write blog posts afterwards. We decided that at first I would be leading the sessions and taking notes while she would also be taking notes but write the blog posts afterwards which I then overlooked. 

I really liked this role since it challenged my fear of speaking in public, however having all talks online over Blackboard Collaborate made it a bit easier. Also, my camera did not need to be switched on which was great! I even got a few emails back from our guests saying that I had done ‘excellent chaperoning’. 

For some of the sessions me and my partner switched our attendance roles and she was the one leading the session while I had to write the blog posts. To be honest, this role was a bit more challenging but I’ve always had a problem with writing which I also managed to challenge working on this job and even slightly overcome.

Reflection

I really enjoyed being part of the Baseline Shift team and am even sorry that I was this late in joining and was only able to do it for one year. I believe this is a job that allows students to develop a range of skills from design and professional communication to public speaking and writing. I would recommend this job to anyone even slightly interested in developing their professional skills in all of these and other directions as well as to people looking to expand their contacts in the design world.

Coaching Reading Visual Identity

Background

Our client, Julie Williams, is part of a network called ‘Coaching Reading’, which is a community of people who are qualified and/or passionate about coaching. Together they offer executive and lifestyle coaching. They are a community of local coaching professionals who continue their professional development by learning new coaching techniques and offer free coaching to charities. The network needed a strong visual identity to help provide an online presence in order to build their profile in the Reading area. This project was taken on as a team of 2, Emma and Faith.

Restating and understanding the brief

We had an initial meeting with our client, who told us in detail what her network was and what their aims were for the future. Our client had a background in marketing with very large and corporate companies, which was a positive for us as we could trust her opinion was from professional experience. The initial signed off brief stated the client would like:

  • A logo, including an inverted version
  • Visual identity guidelines
  • Social media banners

The main objectives were to make the visual identity “warm and professional, not cold and corporate, to appeal to both charities and businesses”. An initial suggestion from the client was to perhaps design a logo inspired by well-known monuments in Reading, such as the Forbury lion. After these initial deliverables were completed and approved by our client, she asked us if we wanted to produce some Word and PowerPoint templates, which we were happy to produce.

We would meet up with our client regularly over Zoom, and on occasion we would meet with her network during their scheduled meetings.

Research

To start the project we first developed user personas to help us gauge an understanding of the type of people the network work with.

It helped us get into the ‘mind’ of a coach and what the logo we design needs to exude in terms of mood and design, so it is an accurate representation of Coaching Reading. As Coaching Reading work with charities, they need to come across as ‘professional’, yet ‘warm’ and ‘welcoming’.

 

Existing logos
Existing logos (continued)

We also looked at existing logos of coaching companies. This wasn’t as useful as we initially thought; a lot of coaching companies are run by sole individuals, and so some of the designs we felt were a little generic or predictable, likely as they may not have had the time or money to invest in the design process. We wanted to try and keep the logo very understandable yet unpredictable, for example we tried to avoid any logos involving ‘mind’ imagery.

 

Reading monuments

Here we looked at some ‘famous’ Reading monuments and symbols. Roman history is prominent within Reading so we were partially inspired by this.

After our first round of designs, members of the network in the Zoom meeting suggested we experience ‘coaching’ for ourselves, as it would help us understand their aims better, and what coaching is in general. We had these sessions and found them very valuable. Coaching is entirely confidential, and is mainly driven by the individual experiencing it. Coaching can help both personal issues as well as business/career related ones; the coach never gives ‘advice’, and instead asks questions about what we are saying, allowing us to talk through our thoughts and come to our own conclusions.

“By talking through my thoughts, I would subconsciously figure out a ‘story’ with my thoughts, connecting the dots and find options in resolving challenges.” – Faith

“The main focus was on me questioning my thought process and coming up with ways to solve the challenge through talking everything through, with the coach acting as guidance by asking questions to guide my thinking.” – Emma

Developing the logos

The development of the logo was by far the most time-consuming part of the project; it took us over two months to finalise a logo. However, we knew this was important to get right as the logo defined Coaching Reading, and would provide a huge stepping stone with the development of social media.

First logo concepts

We initially made designs surrounding the Forbury Lion and the Roman history that Reading had. The Forbury lion was something that initially came up in discussion in the very first meeting we had with the Coaching Reading team over zoom. We showed these designs in a zoom meeting with the team, and they provided written feedback which our client sent to us the next day. The main feedback we received was that they didn’t feel like ‘coaching’ logos, the lion in particular looked more suitable for a sports brand. The extra letter logos in particular, which were meant to resemble a ‘road’ travelling through it, seemed to be the closest in terms of what the network liked, but we knew the letter logo could be more developed and refined, so this is the next stage we took.

 

Second round of concepts

These letter logos were produced next and we showed these in the Real Jobs online meeting. Our idea with the first line of designs was ‘connecting the dots’ and doing this as a letter logo as the clients seemed to lean that way. The key idea was something we noticed in real examples, and we liked the symbolism of it. We didn’t show these designs to our client as feedback from the Real Jobs meeting suggested these ideas just weren’t strong enough yet. However, they did like the concept of letters with an object, so we kept this at the back of our minds continuing the design process.

 

Third concepts

Our client then suggested perhaps being inspired by buildings, so we looked at ‘The Blade’ (top half), The Christchurch bridge and the river Thames. We used blue colours as we felt they were calming and muted; we tried to avoid ‘bold’ colours as we felt it wasn’t suitable for their visual identity, especially after experiencing coaching ourselves. After showing these designs to our supervisor, she didn’t think they quite ‘clicked’, from her perspective it “didn’t make sense” to have a building to represent coaching, and we agreed with her opinion.

 

Fourth design concepts

At this point we felt a little worried as none of the designs we produced so far felt ‘right’, so our supervisor suggested coming up with some core words to describe the aims of Coaching Reading, we came up with two main ones, being ‘growth’ and ‘journey’. With ‘growth’ there naturally came an idea of a leaf, and we liked this idea as it was ‘calming’. We showed these to the client in a Zoom meeting with her network and they seemed to like all of the designs. This was a real breakthrough for us, something finally ‘clicked’ and they said that this was something they could really see working for their visual identity.

 

Fifth design concepts

They seemed to like the first design the most, so we tried to develop this through a ‘pick your own’ logo. We learned through our supervisor that this perhaps wasn’t the best approach as presenting a client with lots of options can confuse the client; we should make decisions on colour and line weight ourselves. We ultimately abandoned this idea as feedback from the client suggested we “strayed too far” from what her and her network initially liked.

Sixth design concepts

Here we went back to what Coaching Reading initially liked in the fourth round of concepts. We tried to refine the ideas, combining the imagery with the letters. We stripped back the options, and showed these to our Real Jobs group. They preferred 1A and 2B for its dynamic, and we added a third option by the request of our supervisor, but we wanted options 1 and 2 to shine as we really liked these. Before, the C and R in option 2 were hand-drawn, so we edited an existing typeface which we felt would fit in with the overall aesthetic of the ‘leaf’ design.

Seventh design concepts

Ultimately, the client chose option 1. We decided to stick to just two colours as this flowed well. The client stated she liked this logo the best as it represents what Coaching Reading is, and when presenting this option in a network meeting they stated how they had not seen a coaching logo such as this before, which they liked. They seemed very happy with what we had produced and this gave us a lot of confidence in ourselves as designers. Fortunately, the logo works well inverted too, the leaf shape really pops out.

Development of social media

Now our logo was signed off, our next job was to develop social media display pictures and banners for Linkedin, Facebook, Twitter and Instagram.

Initial test 1
Initial test 2

 

 

 

 

 

 

 

 

We took the leaves idea and decided to make it a pattern; we created a private ‘test’ account on Facebook just to see how it would look. For profile picture, we had the main logo option, but we also took the leaf from the logo and made it into a profile picture; this is something we noticed a lot of companies do if their logo may not be readable at a very small size. Initial feedback from our convenor was good, however he suggested using a grid in Illustrator to ensure the lines are an equal space apart, and with the icon the leaf stem can bleed outside the circle.

Banner option 1
Banner option 3
Banner option 2

We provided some banner options as well as colour variants of the leaf icon. Ultimately our client chose to have banner option 3, with a light green and dark green leaf profile picture. With all four social medias, we had to use trial and error with ensuring the banners align properly within the space and nothing is cut off, so on submission we provided multiple versions for each social media.

 

Linkedin mockup
Twitter mockup

As seen above, we tested on both mobile and desktop to make sure it worked on both.

Development of templates

As stated before, the idea of creating templates for Microsoft PowerPoint and Word came much later in the process. Our client urged to us that we were not obliged to do this and it was voluntary, as she knew the start of term in September was approaching. However, we were happy to do this as we already had the logo and social media designs we could use, and it would also give us great experience. Though it was something we had never designed before, a discussion with our module convenor concluded that this was something we would definitely need to know for the future. Initially, our client asked us to produce ‘Word and PowerPoint templates’, however our module convenor suggested it would be better to produce both a letter template and a ‘pitch’ template with typefaces chosen, which we then suggested to our client. She was a little hesitant at first, as she was worried about the ease of use (most people using the templates don’t have much marketing experience), however we insisted it would really help finesse their visual identity and it would be easy to understand, so she eventually trusted us with that task.

Powerpoint template variation 1
Powerpoint template variation 2

We first started to produce some powerpoint templates, as this was the ‘easiest’ to design. We took the pattern from the social media banners and extended it, we also put the leaf ‘icon’ to good use by sitting it next to the page number. We learned about master slides, and templates. By sending the client a .potx file, it will open as our blank template each time, and in the slides panel they can add our slide design to the next page.

 

Letter template 1
Letter template 2

 

 

 

 

 

 

 

 

The letter templates were a little more complex. We had to make sure the text box with the recipient address was in the exact place it would show in the window of an envelope. We researched this and allowed plenty of room in case any text overspills. Again, we used a .dotx file template to ensure it opens up looking like this each time.

Cover page for pitch
Rest of pitch pages

 

 

 

 

 

 

 

 

Above is the ‘general document’ we produced, we provided a version with a cover, and one without, again as a .dotx file. With this and the letter, we provided a hierarchy guide. The typefaces we decided to choose were Euphemia for display text and Garamond for body text. We had to choose typefaces which were available with Microsoft Office so they were accessible to all. We felt a mixture of serif and sans serif would appear easier on the eye, as all serif typefaces may appear too corporate, which is what our client wanted to avoid (as stated in the brief). In this and the letter, we have space for Coaching Reading’s address at the bottom, however they can remove this when applicable.

Visual identity guidelines

Our final task was to create the visual identity guidelines. This was done as a pdf document, and we had to ensure it was very clear and understandable; our client emphasised to us several times throughout the project that many people in her network don’t have very much experience with marketing/designing, so we had to ensure to not use too much technical language.

Logo spacing page
Colour palette page
Document recommendations

We had various pages showing where to place the logo on a document, how to use it etc. We made diagrams for an easy visual reference, as we used all the typefaces and colours we recommended within the guidelines to demonstrate how it looks. An issue that emerged when showing this to our convenor was the fact that we never considered Pantone colours; with projects which are printed this is important as colours can vary a lot, even with the correct CMYK key. This is something we will definitely remember for next time.

Reflection

The feeling when our logo got signed off was great, we had come a very long way and it gave us a huge confidence boost to know that we can do this, we can produce something very professional and unique. For our first time ever using style sheets and master slides, I feel we did a good job; Microsoft Office is incredibly limited in comparison to the Adobe Suite we are used to. Despite working on this project for a while, we never felt ‘bored’ with our logo, the colours are still calming to look at to this day, which I feel is a testament to us sticking to the design brief.

A fairly obvious challenge with this Real Job was having to complete it during the Covid-19 lockdown. We were never able to meet our client in person, and instead on Zoom and Microsoft Teams calls. This required us to be organised with our files as we transferred them to each other over OneDrive. Internet connection was also a very big negative factor for one of us in particular as we had to work from home, meaning we had to communicate clearly as there was rarely a strong internet connection between the three of us.

In terms of improvement, using Pantones would ensure peace of mind when printing, so this is something we will definitely bear in mind for upcoming projects requiring consistent and accurate colour printing. We also noticed perhaps the PowerPoint borders could be in a higher PPI; it did take us a long time to align everything on PowerPoint and PNGs were sometimes very annoying to work with when imported from Illustrator. This is something we didn’t notice until after sending the files over, and is something that can easily be fixed if requested. However, it likely isn’t that noticeable in a Zoom call (where they are currently using our templates) or if it were to be projected onto a wall.

We both learned a lot of new skills on this project. I (Faith) in particular was worried as I never felt too confident with branding, and for Emma it was her first real job, so there was pressure on both of us. Though there are things in hindsight we could have perhaps done better, such as using Pantone colours and editing some of the PNGs for the PowerPoint template, we both feel proud of this project, knowing we have essentially shaped the image of Coaching Reading. We have developed a very good rapport with our client, Julie, and we know if there are any potential issues we can always redesign things or re-send anything which may need fixing (we have kept all the files from the project just in case).

“They were both willing to participate in a coaching session delivered by two of our members. This experience and the fact that they took feedback on board led to development of some brilliant logo options which were very well received by the group.”

“The final logo, visual identity guidelines and social media banners plus Word and PowerPoint templates exceeded everyone’s expectations and the Word template has already been used by myself for meeting minutes.”

– Julie Williams, Coaching Reading