Category: Real Jobs

The School Outreach Company

Group collaborations: Generating ideas-Logo, branding, PowerPoint palette, website

Individual jobs:

(Kaylee) Website images, Diagram for ‘intervention’ services, ‘What we do’ and ‘An Evolving market’ illustration.

(Holly) Our services illustration, Website pictograms.

(Kory) Our Reach layout

 

Introduction – What was the brief?

During the months of June/July 2021 were assigned the brief of creating three deliverables: A logo, matching branding and fonts for a PowerPoint (to help our client explain the meaning and branding of our products to others) and a website for the company: The School Outreach Company. The School Outreach’s aim is to help disadvantaged students, and those labelled under the BANE category, from across the UK develop interview, work and communication skills. The school Outreach helps students, primarily from secondary schools, develop connections with big conglomerates such as virgin media and Google. The company gives students opportunities they would likely not receive after leaving school. Our aim was to connote the themes: social mobility, inclusivity and recruitment through the deliverables.

 

Research & Design Process

The main themes the client wanted us to connote through the deliverables were: social mobility, inclusivity and recruitment. Our first deliverables we began to work on were the logo and PowerPoint branding. Individually we researched these themes and found visuals we thought best represented each. From these images, we created our own initial sketches for the logo; trying to symbolise all the themes in one sketch as best as we could. For the branding of the PowerPoint layout and logo, we used the same process when deciding on a colour theme.

Figure 1: Research pictures

 

The Logo

When discussing the logo with the client, the client gave us a few example images he wanted us to base our ideas off of. An example image was the ‘BP’ logo. From this we decided to base our sketches off of ‘circular’ and ‘round’ shapes, whilst connoting unity and diversity. In the final iteration of the logo, we connoted ‘diversity’ through the colour scheme. Each semi-circle of the circular shaped logo, is a different colour; this represents the different themes the company represents. ‘Unity’ is displayed through the placement of each shape; the shapes placement and closeness signify how the themes and clients are brought together by the company.

 

After individually researching and collecting pictures related to the themes: inclusivity, recruitment and outreach, we discussed our ideas as a group. During this group discussion, we discussed: how the essence of the logo should be represented? What different levels of abstraction, and different shapes should be used? We further sketched the logo through the workshop as a collective group. In our original individual sketches, many of our concepts revolved around ‘people’ as when we thought of the themes (inclusivity, recruitment and outreach) a common denominator was the ‘people’ and our audience: students. We drew multiple versions of the sketch with people as the main element, whilst trying to incorporate the circular design into the concepts. However, after further deliberation, we realised this did not conform to the client’s original idea of the logo.

 

Figure 2: Concepts based on the theme of inclusivity

Figure 3: Concepts based on the theme of recruitment

Figure 4: Concepts based on the theme of outreach

Figure 5: Refined sketches – After meeting with client (By Kaylee, Kory and Holly)

Figure 6: Sketches from group discussion

 

The Branding & PowerPoint Layouts

The second deliverable we created was the ‘Branding and PowerPoint layouts’ for the client. The client needed PowerPoint layouts so he could create presentations explaining the objectives of the company, the layouts needed to follow the same theme as the logo. We used the logo designed for the company in the PowerPoint templates. Similarly, to the process of creating the logo, we each individually sketched out layout ideas then came together as a group to discuss them and narrow down the most successful concepts. The client provided us with information each slide needed to contain and an idea of what the current presentation layouts he was using looked like. Using this information, we created sketches which connoted how text, titles and images could be laid out. We created a variety of sketches to test where the company logo appeared more appropriate. The top right corner seemed like the best choice as the logo will not block any text or images. From these sketches we created a variety of digital layouts using the colour scheme, type and logo we had already created. From this we created a design which used different colours placed on the side of each page to represent the different themes of the company. Next, as a group we discussed which concepts worked best and which we thought the client would like the most. After the client confirmed he was happy with our decisions, we moved onto the next deliverable: the website.

Figure 7: PowerPoint/Branding slides

 

Website design

 Our website is aimed at 3 groups of people. The first is Hiring organize. The second is Student or parents. The third is School or teachers. Users can choose their identity to enter the corresponding content by clicking on the website. These three pages are composed of 6 parts: About us, Our reach, our service, Client’s and Testimonial, Resources and contact us. People with different identities will show content corresponding to their identities after clicking on them. For example, for schools and teachers, when they click on the ‘our reach’ interface, they will understand that TSoC can bring high-quality companies to students and also bring some activities to students. Bring them confidence and motivation. But if the object is parents or student, there will be no content that brings activity to students. Interviews have also been inserted on some pages to let the customer understand what effect TSoC has brought to customers.

Figure 8: Website Homepage Concept (By Kaylee, Kory and Holly)

 

 

 

 

Figure 9: Website Our Reach Concept (By Kaylee, Kory and Holly)

Figure 10: Colour test for website (By Kaylee and Holly)

 

Website pictograms/Icons & Independent work (Pictograms & Illustrations by Holly)

As some of the group had more experience with website building, they played a more major role when creating the website. However, we still collaborated together and supported each other when designing the deliverable. My main role when creating this deliverable was creating pictograms which represented different sections of the website. The client gave me example images of pictograms he liked, from here I designed a variety of pictograms in the colours which matched the branding: red, purple and yellow. Before showing the client the initial digital sketches, I discussed with the rest of the group which concepts were the most successful. From here we limited the concepts down to a few designs from each group we thought represented each topic the best. I then had a meeting with the client to discuss the pictograms. From here, we eliminated the designs he disliked and further developed the concepts he preferred using his feedback. By the end of the process, I had developed: 17 yellow pictograms, 12 red pictograms and 6 purple pictograms. This part of the project helped me develop and expand my technical skills when using illustrator.

 

Later in the project, when the website had most of its content and was near completion, I created an illustration for the ‘Our services’ page. I read through the content the client had gave us for the page and tried to link them to a common theme in order to create one main illustration instead of multiple. The theme I felt connected the content ‘our services’ and ‘what we offer’ was unity. After multiple concept drawings and feedback from my group, I settled on a design which conveys two hands shaking with three arrows at the top going in different directions; the arrows are in the brand colour. The arrows represent different services the company offers.

Figure 11: Yellow pictograms in black outline (online concept, version 1)

Figure 12: Red icons in red outline (version 1)

Figure 13: Yellow M & V Icons in outline and full colour (version 1)

Figure 14: Purple icons (version 1)

Figure 15: Yellow icons (version 5)

Figure 16: Red icons (version 5)

Figure 17: Purple and M & V (version 5)

Figure 18: Yellow icons (Final version)

 

Figure 19: Red icons (Final version)

Figure 20: Purple and M & V icons (Final version)

Figure 21: Our service final version

 

Independent work (Website image by Kaylee)

 According to the needs of clients, I try to choose suitable pictures for the website to show the effect. When people browse the website, the pictures in the website can help people understand the content of the page. For websites, pictures are very important because their role is to attract users’ attention. They can transmit complex messages in the blink of an eye. I found some free and paid pictures. We constantly filter and replace photos through communication.

Figure 22: Picture selection stage

 

 Independent work (Diagram for ‘intervention’ services by Kaylee)

 I made a diagram of intervention for the website. When making the diagram, I used the colour palette provided in the brand guidelines. Because this diagram will be used in conjunction with the website, I used the same colour as the brand. I use Sequential palette to make this diagram. After some modifications to the diagram, I changed the colour of the pattern uniformly to purple. This is more consistent with the colour of the brand. Through the diagram could explain the concept helping people up to level up. When I drawing the diagram, let everyone at the same level of height. Use different numbers of boxes to represent student needs. Different height with different boxes means different students have different requirements. At the same time to use colour to indicate different levels.

Figure 23: Sketch of intervention diagram

Figure 24: Digital version 1

Figure 25: Final version of intervention diagram

Figure 26: Our services final version

 

Independent work (‘What we do’ and ‘An Evolving market’ illustration services by Kaylee)

 For these two illustrations, the sketches were done by me, Holly and Kory. We have drawn three different plans. The purpose of this illustration is to allow users to better understand the text when browsing the web. When I communicated this illustration with a client, we chose one of the options. The client also gave me the details of the illustration he wanted. I draw the digital version on the computer based on these feedbacks. Finally, I choose the colour according to the colour wheel of the branding guidelines.

Figure 27: Sketches of ‘What we do’ and ‘An Evolving market’ illustration (By Kaylee, Kory and Holly)

Figure 28: Digital version 1 (Without colour)

Figure 29: Digital version 2

Figure 30: Final version

 

Independent work (Diagram for ‘intervention’ services by Kory)

 The independent work I do is to modify our reach pages that we have done. I need to modify the original light blue part and the text next to the map and determine whether to add a map. After reading the page information provided by the client, I know what the page needs. The content is mainly about what kind of benefits TSoC will give to their customer groups. Like for the school, what they bring is the best choice for students. And to increase their confidence in students. It is almost the same for parents of students and customers. It is very interesting that I found a exactly the same thing in his description called: Gatsby Benchmarks. This word is very unusual in ordinary life. So I think this must be their outstanding part. So I went online to check the meaning of the word and made a design about it.

Figure 31: Our Reach with Gatsby Benchmark

 

I replaced the text in the middle with the definition of Gatsby Benchmarks and showed it in a mind map and problem-centric approach. I believe that most people like me are not very clear about what Gatsby Benchmarks is. It will be very clear and clear to show it through a mind map. Through this picture, the customer can know what TSoC can provide them. The light blue background and the white mind map can highlight the content very well. But after discussing Izzi, I feel that this part is not very important. She still hopes to keep the blue part of the car full of text. And I want me to adjust the text ‘National Network’ next to the map.

Because TSoC is a national company, it is not a global company. So highlighting this part will bring some benefits to the company but also some disadvantages. But in the end, we still decided to highlight this part. I made two versions of the draft design. The first is that the blue part is not changed. The second is to turn the blue part upwards like a card.

In the first type, I put the blue part in the middle of the map and enlarged the map. Because these things are accompanied by the map, I think if you put them on top or below, they will not change much with the map. The second one I do is similar to a card. After dragging down, the text will be overlaid up like a card.

Figure 32: Our Reach with national network card motion

Figure 33: our reach with national network inside map

The final version did not adopt all my changes. The content of the change is to change the original blue part of the content from dot by dot to paragraph. And removed the following content. This makes this page look much cleaner than before.

Figure 34: Our reach final version

 

Reflections:

Reflection on project (Holly)

During this real job, we had lots of time to perfect the design and meet the needs of the client as effectively as we could. As a team we worked well together, some of us had more significant roles in this project than others due to more experience. However, we all individually contributed large parts to the project (such as illustrations) and overall worked well as a team. Personally, this project helped me develop my communication and technical skills. At the beginning of this job I was hesitant to speak up but as soon as the project continued, I felt I contributed to discussions more. The job gave me a better insight on how to work with a client in a professional setting.

 

Reflection on project (Kaylee)

This time Real Job was a special experience for me. Before this Real Job, I had never done this kind of work for clients. It is also my first contact with design work. Enriched my resume in personal experience. In The School Outreach project, we have been working in small groups. In the group, I am mainly complicated to provide ideas for each step of the design and draw some illustrations. Projects that work in groups usually require excellent communication skills. I think at the beginning of this project, I lacked communication. But after everything is on track, everything is fine. In this project, from Logo to Branding to PowerPoint Palette, and finally to making an entire website. It can be said to be a big project. From this, I learned how to communicate with customers and after making a version, we will meet in a group to discuss which solution is more suitable for use. In terms of design, we often need to conceive an idea in a short period of time, and then draw a draft. Then choose which one has more potential for development. This also allows me to experience that design is not an easy job. We need to consider what customers like, not what we like. Sometimes we find it a version we really like it. Customers don’t like it that much. Group work projects really help me to work on mine communication skills and design skill. Group work projects really help me to work on mine communication skills and design skill.

 

Reflection on project (Kory)

 Through this Real job, I learned a lot of things that I felt I couldn’t learn in university. I learned:

  • How to communicate with customers in a professional setting.
  • How to work well in a team whilst collaborating on a design.
  • And how to meet the client’s needs by combining our own ideas with theirs.

 

From this experience, I also realised that the client’s ideas cannot always be achieved the way they would like them to be. As designers we must advise them of possible or even more suitable ways a design can be achieved while still meeting their needs.

 

Trello Link:

https://trello.com/b/7kGuxHtj/rj00514-the-school-outreach-company

The School Outreach Company Website:

https://school-outreach.com/

 

submitted on behalf of Kaylee, Holly and Kory

Longhaul sports fuels packaging design

Overview

Longhaul is a growing brand which specialises in creating prolonged energy release food for athletes. Owners Staale Brinchmann and Amelia Watts found a gap in the market for savoury foods as other brands in the market have focused on sweet flavours. Our project – undertook by myself, Alex Ganczarski, Ro Dicker and Liselot van Veen – consisted of redesigning food pouches for their 4 existing flavours, creating a template that could easily be adapted to more flavours in the future.

Longhaul’s existing pouch design

Restating our brief

When this Real Job was advertised to us, we were expecting to provide an update of their logo and tag-line design, pouch designs for 4-6 flavours and advertising graphics and templates. However, after communicating with our client it became clear that they were happy with their existing logo design, but wanted to rework the tagline and intended to use the pouch designs themselves as advertisement to present on their social media platforms. Thus, our tasks became:

  1. Rework the tag-line
  2. Create an adaptable template for their food pouches, presenting completed examples for their 2 flavours currently on the market, as well as examples without the full copy for 2 flavours that are currently in the testing phase

As a result, the job was a lot smaller than we anticipated. We used this to our advantage as it meant all 4 of us could work together to bring a broad range of pouch design ideas forward for our client.

Understanding the market

A few of our client’s closest competitors are Clif, Tribe and Science in Sport. Staale identified that Tribe’s branding aligned with the way he envisioned Longhaul’s branding, with its vibrant landscapes and sense of being outdoors. This provided us with the challenge of drawing inspiration from Tribe, while standing out on a shelf with its own identity. Our client was also very keen to not include any images of food, an aspect with bothered them about their existing pouch designs. This encouraged us to think outside of the box. While looking at these competitors we noticed a few trends; the name of the brand being highest in the design’s hierarchy, the use of bright colours to stand out on shelves and key words on the front such as ‘protein’ to entice users.

Some examples of competitors from our mood board

Refining their branding

While our client was pleased with their existing logo design, we worked to improve its application. The existing version included a red symbol against a blue background which decreased its overall legibility. Due to cost implications, we could not introduce any more colours to the logo to fix this problem. To stay within our client’s budget we tweaked their existing colours by first testing different shades of red against the dark blue to see if we could get it to stand out more. In the end, we chose instead to swap the colour of the text with the colour of the background as the red stands out much more against white.

Colour testing

Initial sketches

We began the design process by each doing a set of sketches to present to our client and learn which direction they wanted us to go in. We struggled a lot with moving on from Longhaul’s existing pouch designs, with our early experiments consisting mainly of rearranging the elements from the previous design.

My initial sketches

Developments

We found our ideas became a lot more broad in our digital developments as we could then play with colours and layering. One of the biggest challenges we faced was representing the wide range of sports that Longhaul’s pouches could be used for as they provide energy for any endurance sport, such as marathons, cycling or hiking. It was more difficult to work as a team when we reached the digital stage and found we all took vastly different approaches.

Drawing inspiration from competitors in the field, we experimented with bright colours and searched for ways we could advertise the nutritional benefits of the pouches. In our attempts to make those stand out however, we lost a sense of hierarchy.

Some of our digital experiments

To no avail, we spent a great deal of time trying to make a typographic solution work. As we were struggling to figure out what imagery we could use a typographic design seemed ideal, though in practice it did not have the desired affect. One reason this did not work is it competed  with all the other text elements. However, communicating wit our supervisor we began to work more effectively with hierarchy.

Typographic experiments

While the typographic experiments were unsuccessful, we realised we liked the appearance of the mountain and found it was very useful as a tool for aesthetically dividing up all the cover copy. This prompted us to further explore mountain imagery. After a meeting with our client and looking back at our research on competitors that the name ‘Longhaul’ should stand out the most, acting as further advertising for the product when other athletes see someone using it.

Mountain imagery experiments

Communicating with our client, we then developed their favourite versions of the design. To divide up the workload we shared the chosen design documents and each made our own tweaks. One thing that really helped us visualise the packaging was creating mockups for our designs which we presented to the client at each of our meetings.

Reworking the tag-line

Throughout the course of this project, we went through many iterations of tag-lines as our client was unsure which words would best advertise their product so we tested many variations to see which ones were received well. In the early stages of the project, they were very keen to promote the slow release energy of their product so our early experiments primarily focused on this aspect. Our client gave us many key words to work with such as ‘performance’, ‘endurance’, and ‘prolonged energy release’. However, later in the project Staale and Amelia saw the value in promoting their natural ingredients and were also set on including the word ‘fuel’ based on how competitors were advertising their products. This became difficult for us as our client wanted too many words for what was supposed to be a short tag-line, and we struggled with including as much as we could but also making clear who the product was for. After experimenting with options such as ‘performance fuel’ and ‘endurance fuel’ we eventually decided on ‘sports fuel’ to make it known that it is a product for athletes.

The final design

One consistent idea that stayed with us throughout the project was the use of mountain imagery to echo Longhaul’s logo. You can see this experimented with in my initial sketches and it eventually developed into the polygon mountain range we settled on.

Our final design submitted to Longhaul

The back cover

When it came to designing the back cover, we experienced delays in our project due to Covid19’s effects on our client’s business. While we were awaiting feedback from our client on the front cover designs, Alex took the initiative to move forward with the back cover as the front cover was almost finalised. To make it cohesive with the front cover he repeated the mountain texture. Aligning with Longhaul’s need for a sense of identity we were able to ask our clients for their signatures, adding a personalised touch to the brand.

Our design’s back cover

Technical preparation

Once our final designs had been approved by our supervisor, Rob, we were ready to send our files to the client. We had expected to send off print-ready files but 2 of the pouch flavours had still not been completed by the end of the project. We agreed with our client to clean up our inDesign files for another designer’s use in the future once those flavours are completed. We packaged the files along with guidelines for another designer to use. We realised at this point that some of our colours needed to be switched to solid CMYK or Pantone colours to print correctly, though this was easily rectified.

Reflection

Given the size of our team and the reduced workload from our restated brief we expected this project to be completed swiftly though in the end it took nearly a year. This was due to difficulty establishing contact with our client on occasion when Staale took out of country visits, as well as the issues caused by Covid19. We also needed to contact Gualapack at one point to understand the printing specifications as our client was unsure. Overall I am pleased with the designs we came up with and believe they match the image Staale and Amelia envisioned.

‘We have been extremely impressed with the designs that you have all put forward & are very happy with the final results. So thank you for all of the hard work!’ – Amelia Watts

‘It’s been a pleasure working with you all and I’m very impressed and pleased with the final result.’ – Staale Brinchmann

Global Graduate Branding

Background

This branding project was for a new and upcoming module established by Daniela Standen, which will be part of what the University of Reading will soon be offering in the new academic year approaching. Our goal was to deliver a visual identity for the client which would essentially promote this new module.  Our challenge was to make sure that collectively the final deliverables worked together using the same visual identity to promote and communicate across what the Global Graduates module has to offer for potential and existing students. By taking part, they have the opportunity to improve and extend the asset of skills they already have and take part in activities outside their subject to become a better citizen and stand out to future employers.

Brief

Both me and Hanorah worked on to create a cohesive brand identity across the three deliverables we agreed on with our client Daniela.  We knew that to achieve this, we had to remind ourselves of the existing brand identity of the university itself to ensure this cohesiveness was implemented throughout all the final outcomes, whilst echoing the visual identity of the university. The set of deliverables agreed on were:

  • A set of postcards for each sub-module (x4)
  • A website banner (for the page corresponding to this programme on the university’s existing website)
  • A social media graphic (to be posted on platforms such as Instagram and Twitter)

These final outcomes were to be displayed ALL digitally, with the exception of the postcards which were to be printed as well to be handed out to new students during Welcome Week.

Research

User personas and needs

Establishing our target audience and generating ideas with them in mind was our first step. These outputs should promote the Global Graduates module to existing, new and global students and increase interest in taking part in this extra-curricular programme to build and enhance skills outside their degree course and academic development. We used the existing identity of the university and the brand guidelines provided by the client to ensure that the final outcomes echoed the identity of the university itself, whilst also bringing in a fresh and innovate design to distinguish the module. This approach ensured we targeted the user effectively – to have a professional design, whilst also keeping it fresh and engaging to attract the young people.

Visual references

To give our client some design overview of what the final outcome could potentially be like, we decided to produce some mood boards for each deliverable. This got both parties to begin to think about appropriate genre, graphic style and typography treatment.

Mood board 1 (postcard)
Mood board 2 (postcard)
Mood board 3 (postcard)
Mood board 4 (postcard)
Mood board 5 (web banner)
Mood board 6 (social media graphics)

 

From the feedback we got from our client, she preferred the simpler designs (mood boards 3 and 4) We noticed a set of features used by both of these visuals alongside images we found for inspiration (for the other deliverables) which made them successful:

  • The background image has the most drama (instantly catches the audiences’ attention making them want to read the information.
  • Theme of photography and editing – a consistent style in terms of the imagery used and the way the images have been edited is a common theme. Experimenting with different depths and densities of the hue, saturation and the luminosity of an image can transform the images from looking dull and boring to them looking mesmerising and appealing to the younger audience.
  • Consistency of typefaces and sizing (use of the typeface Effra with minimal tracking)
  • The use of the different weights in the typeface differentiates the types of information which helps the audience navigate through the information better.
  • The use of white as the predominant colour for the typography acts as a nice contrast with the background colours.
  • The use of the university logo (typically placed on the right-hand corner – mood board 6) endorses the identity, again helping the audience to distinguish where it has come from.

Design developments

Postcards

We had to produce a series of postcards which had a consistent visual identity across all, however still being differentiated by the different sub-modules. Our aim for our initial design (version 1) was to try and get all the elements (typography, imagery, logo) on the page. Although this design concept is neat, it was too simple, so our supervisor instructed us to add more innovativity to the design. As well as this, having this same background on all four postcards could make it seem as though they are all the same, when in fact they have different pieces of information behind them. When these are placed on a table at a welcoming event, students can easily assume this too and not pick them up. In light of this, we decided to edit the image we found on Pixabay, using Photoshop, inspired by the mood board we had made previously (mood board 4). After experimenting with different filters and luminosities, and changing the hue and saturations  of the single image, we were able to compose four alike, yet different graphics which really helped make a big turn in our design developments (see graphics below).

Postcard 2 shows a different layout of the elements with a more visual appeal. The timeline of the graphics draws the reader in and makes it more exciting to read as they are being guided through the postcard. We transferred the contact information at the back as the client wanted all the attention to be on the heading and slogan. We acted upon our feedback given by our supervisor to do something different with the slogan as the words had the ability to be manipulated in a way to be of more appeal. After capitalising the slogan and separating the phrases, we decided to increase the weight of the words “connections”, “horizons” and “global citizens” Accentuating these words intrigues and engages the audience as they want to have and be all these things. In the final outcome of the postcard (version 3) we also took out the anonymous icon graphic as it leaded towards the design getting overcrowded. We had to remember that when printed, it would be A5 and seeing all of this on such a small card can overwhelm the reader, leading onto them potentially showing no interest at all.

Postcard version 1

 

Background images edited for each postcard

 

Postcard version 2

 

Postcard version 3

 

Postcard mock-ups

Website banner

We began the website banner by taking inspiration from the existing page banners from the university’s website and implementing a similar style (website banner version 1) The red box around the heading was something we saw which came up quite frequently, however it did not collaborate, or work well with the design of the postcards. After we removed it, there was still something missing – we did not want to just replicate the design of the postcard onto the banner directly, it had to be a bit different. Therefore, we added a new element (shown in website banner version 3) with a left alignment and a lower opacity of the fill so that the background can show though. This enabled us to place the typographic elements easily also following a left-alignment. We decided to change the slogan as we thought that by writing a sentence would connect to the reader more and would act as an invite to the web page.

Website banner version 1
Website banner version 2
Website banner version 3
Website banner mock-up

Social media graphic

Designing this deliverable was different as social media platforms need media which is firstly visual and secondly it needs to be easily read and accessible to readers. After completing version 1, we saw that it was difficult to read the small text due to the colour and how it sat on the background. We had taken the idea to surround the heading with a rectangle from the early stages of the website banner, however after being advised that we should use the same heading as the one on the postcard here too, this idea was not possible. Version 2 was also done in the early stages just for idea generation purposes as we felt as though giving the client more ideas to choose from was ideal for a better final outcome. This idea shows typographic manipulation; we wanted to make the shape of a globe, suggesting ‘global graduates.’ However, this idea was dismissed due to the heading we had to change and due to the fact how the white text did not sit right on this background either.

After further experimentation with the background and ensuring it shared the same visual identity as the postcards, we landed on our final idea (version 4) We thought that by introducing a background colour to the smaller text increased the legibility making it easier to read on a platform such as Instagram. All the elements here are left-aligned which cleans the design up, compared to the previous designs we had made which had multiple alignments which sometimes made the design messy and all over the place. We were advised by the client to change the university logo to the coloured-fill as it represented the university better in this context.

Social media graphic version 1
Social media graphic version 2
Social media graphic version 3
Social media graphic version 4
Social media graphic mock-up

Reflection

The series of designs we produced received positive feedback from the client and their team. We believe we have created a series of deliverables that work well as a set, but also fit their current theme on the website through the pink shape on the left (website banner and social media graphics). Our client was so pleased with the work we had completed for them that they made an additional contribution to the Real Jobs fund, which we were extremely proud of!

This job as a whole took a little bit longer to complete than we anticipated it would, however, we were told at the start that the submission date was flexible if the print deliverables were sent before July to work with the printing date. But, the digital submissions could be flexible. We feel as though because our project was over the summer, it was difficult as some people had been out of the office for the summer break. But this was all a learning experience for us, which has prepared us for the real world.

 

The Gentlemen Danes book illustration

Background

My client for this real job was an independent publisher based in Reading. The client is writing and publishing a new book that details historic events dating back to the early 19th century. The book tells the story of Danish prisoners of war, residing in Reading during the years of 1807 – 1814; mainly taking from the memoirs of one of the prisoners, who became better known in the town as the Gentlemen Danes (also fittingly the title of the book). The book is the first to detail the ventures of this particular group of war prisoners as the memoirs were recently recovered and have only been translated fully as of 2020. The story of the Gentlemen Danes follows the group mainly throughout Reading and different parts of Berkshire; describing their lived experiences that make for an interesting, historic read.

 

Restated Brief and deliverables

The job originally started off as a commission for an illustrative font cover with a rather quick turn-around; it entailed that I create an illustration that works as an eye catching, historically accurate front cover that did allowed ample bleed and did allowed for the integration of text for the title to exist in the same space also. To begin with there were not many reference images to work from, aside from one sketch that my supervisor had quickly drawn herself. Ultimately the illustration was described to me as a somewhat realistic illustration for The Gentlemen Danes history book that displays one fete (‘Revel’) as described in the text (the text was provided for me also). After emailing my supervisor who was in direct contact with the client, I then found out more about the nature of the illustration and some possible additional deliverables on top of the proposed illustration. It was being discussed if the cover would also serve as a smaller sized thumbnail image on the inside of the book also. I was also told to consider using the colours that were see in the Danish flag and that the exact colour values I use would have to be noted for possible use elsewhere on the book; perhaps for the titles or other text on the cover. This meant that I also had to think carefully about which tones would work on top of the illustration for it to be legible enough.

After going back and forth further with my supervisor and client however, we came to an understanding that the colour would be dropped as a deliverable and that the main focus was just the cover as an illustration. During this process the dimensions of the cover (275mm x 212mm) were given to me as well as how much bleed was required (3mm around all sides). From the start the illustration was set as being CMYK as it was definitely going to be printed, and the point was made that care would have to be taken to make sure all necessary detail was big enough to be see on a cover at the size it was. The other considerations that were very important that I think about carefully were the accuracies of not only the scene being depicted, but the clothing, hairstyles etc. of the time as well.

There were only two reasons where the brief had to be changed in a substantial way; one being because of the change of deadline and the second being because the main deliverable changed. During around December time the client decided to change his mind about what he wanted for the cover. I was told that he came across an original painting that displayed the Danish flag on its sales and he thought it to be a very good cover for what he was writing about. This did not mean that I had been designing for nothing however, and he made the compromise to keep a space left in the book for my illustration to be displayed. The brief had to be updated from a cover illustration to a general inside pages illustration; which fortunately meant that I would not have to change much except fill in the space where I left empty for text to be.

Schedule

The job to begin with was a rather quick turn-around of Around 5 weeks, of which I was confident in reaching on time. This did not go as planned however, and the level of accuracy and detail that my client required was more than initially expected. Not reaching the deadline I was given was not however a problem; I had warned my client before time that I may not reach the deadline I was given, which was originally the 15th of October and he explained that he truly wanted the illustration done by January. I assumed then that the original date given wasn’t entirely true to the sentiments of the client. Over the time it took to create the illustration, I believe that I have kept a steady, suitable pace, even when other commitments got in the way. In terms of communication with my supervisor and client this real job felt a little different than the average. My supervisor was a Masters student who was very busy a lot of the time, and it became apparent when her reply times were getting longer and longer. We came to a happy medium however where I would directly email and set up video meetings with the client instead of going to my supervisor first. This was agreed on by all parties and in retrospect made sense for this kind of job; I was making changes as per the clients request so the supervisor just being an extra messenger was not the most efficient. From this point in about early November, I would be meeting frequently with the client, and every so often emailing my supervisor with an update on the illustration process.

Process

At the beginning the job ran like a normal real job would. I contacted my supervisor for feedback, and when given the green light I would get feedback from the client. Often times my supervisor would be medium between us, but after a while it was established that I was better off getting feedback directly from him as it was his specification I was catering to. It also meant that I wouldn’t have to go through my supervisor just to get to my client. From then we were in agreement that this be the process for communication. In the first couple weeks the interaction between me and the client was mostly to do with general styles of illustration and the composition of the scene. We settled fairly quickly on a style, but the layout of the scene took a while longer to agree on. At this time I was still working with barely any detail and mainly would move rough stickmen figures to signify where a person would be in the illustration; perhaps the lack of detail and didn’t allow for a true representation of what the layout actually looked like at this time. In this part of development we went over a lot of changes in a period of time, building up the composition piece by piece.

An example of the images sourced from the research visit to the MERL – image is from Pyne’s British Costumes (William H Pyne)

After a while of talking about research for the kind of clothing they would wear at the time, the client requested that I visit the Museum of English Rural life to get a more accurate and confident look and feel for this aspect. The visit was very fruitful, and the notes I took were very helpful to the character development over time. The books where I got the most useful information from were British Working Dress – occupational clothing 1750-1950 (Jayne Shrimpton) – Shire Library, and Pyne’s British Costumes (William H Pyne) It was the first time that I would have to an extended amount of research for an illustration. It was also a learning curve for me in terms of illustrating from descriptions in text.

Design

The first sketches I sent to the client were in pencil and were to get a feel for the number of people in the scene how the scene would be generally set up.

 

Image of initial sketch used as template for graphic styles
Initial sketch of a possible layout of the scene

I would also draw in pencil a template for the styles I gave to the client to decide from. I had already been told that the client liked some of the styles shown on my portfolio, and I had also been told that the illustration was to be somewhat realistic. I drew the same human figure and took it to illustrator to create a few different styles of which the client picked the one that incorporated shading made up of hatching. The reason was that it resembled engraving and gave historical connotations in of itself.

One of the proposed illustration styles sent to the client
One of the proposed illustration styles sent to the client (chosen)

From here we would simultaneously go through different characters and the accuracy their clothing, and the composition of the scene as whole. Up until the last one, every meeting with the client would result in either a major or minor change to the illustration.

Initial digital sketch – use of stickmen for positioning of characters
Developed digital sketch – composition is more balanced and background is built up with detail
Developed illustration – composition nearly finalised and relevant detailing is coming more and more into the scene
Final illustration with all details added, sense of depth with blurred background, and etching style finish over the top of it

For a while it was quite intense with the number of changes suggested, but I soon got the hang of it. I also learnt very quickly to work in a way that would allow for things to be moved easily around the illustration without any problems, i.e. ensuring each person was their own entity (by grouping their components) so if they were to be moved to the left or made bigger, it was an easy change. After a while colour was incorporated, many characters were changed around, taken out or added and the whole scene became a reality.

Reflection

The real job ended different to how it started in more ways than one. Firstly I didn’t realise how much detail and research was required for this illustration, and it came as a little bit of a shock to me how much time I would go on to dedicate to it; it stands to reason that the initial brief set false expectations due to it being advertised as a quick turn-around. Another area where there was a big change was the connection between me, the supervisor, and the client, with the supervisor eventually becoming an unnecessary step in getting feedback from the client. The final area was when the job illustration changed from being a for the cover to being for the inside content.

At the start there were a few things that the client wanted to explicitly be in the illustration in some way or another. The list consisted of a black and white dog, some of the Gentlemen Danes in the frame, one of the main Danes being very tall and skinny, a large famer welcoming them into the fete, a line of fete banner across the field they were on and some kids playing one of traditional summer game. With all of these worked into the illustration, the client seemed very happy with what was achieved. A word from the client that further justified this;

“Lewis put his name forward to do an illustration of a country event in Berkshire in the early nineteenth century for a forthcoming book. In order to be as historically accurate as possible Lewis had to do a lot of work in researching the costumes people were wearing at the time. After many online meetings, and a number of adjustments and modifications to the original brief, we finally honed it down to a picture that I was very happy with. Happy not only because it is an authentic reproduction of how the event might have appeared like, but also because it was done in Lewis’ own graphic style. It was a very pleasant experience to work with Lewis and I wish him great success in the future”

Overall I was very happy with how the job turned out, and although the prospect of having my illustration as a book cover was more exciting, I am still very glad and grateful that it even gets to be in a publication of some sorts. The end product felt deserved due to all of the time, research and effort that went into the work. Thank you to Libby Skipp and John Nixon.

Red Emerald Branding

Background

Red Emerald is a new business that aims to advise and support leaders in universities, colleges and government bodies on internationalisation strategies and activities. For example, supporting university students in achieving their goals to engage in an international experience indirectly through university staff. Red emerald also advises international students and their parents, wanting to study in the UK or UK students wanting to study/work abroad. The company with hold conferences with government bodies for which they will supply reports and other reading materials.

Restated Brief

Our aim was to create a brand identity for Red Emerald, that would appeal to the company’s broad target market. The brand needed to be consistently identifiable across all design outcomes whilst complimenting the different formats required. Competitors currently in the market mostly have a typographic logo, with a fairly muted colour scheme. The few that have a graphic logo reference a globe illustration, which our client wanted to avoid for individuality.

What we agreed to design:

  • Logo
  • Business cards
  • Letter & Report Template
  • Presentation slides template

Communication and Schedule

We were able to keep in touch with Charlene for the most part throughout the project, but there were times where we would not be in contact for a while due to the success of the business. This meant the proposed schedule was delayed; however, we kept our supervisor and the Real Jobs team up to date by attending Real Jobs meetings and staying in contact via email.

Delays in client meant that we could not meet the original deadline date for the project, we felt her feedback was crucial to creating successful outcomes that satisfied her expectations. However, the extended deadline allowed us more time to contemplate and make improvements to each of the design outcomes, so we do not feel that this had a negative impact on the work produced. An extension date was never finalised between the client and us, but our main priority was to ensure the client was happy with the final design outcomes. More consistent communication between Charlene and us may have enabled us to finish the project on time.

Research and ideation

Red Emerald currently has few competitors. In our initial client meeting we looked through some of their logos and discussed why we thought they were or were not successful. This helped us later in deciding the approach we wanted to take to our own design work. Most of the logos used a single block colour which was extended throughout their branding material, while others chose more intricate designs that featured shading to create a 3D effect. We also considered how each brand had a slightly different target market which led us on to identify the different user groups for Red Emerald and create user personas to represent these.

Red Emerald current business competitors.

We explored some of our design ideas by creating mood boards. We took two approaches to this, the first explored the more blatant theme of creating a brand related to the individual words in the name: ‘red’ and ‘emerald’. On this board we explored different emerald cuts and shades of red, combined with a contemporary approach to typography using sans serif fonts.

Mood board exploring emerald cuts and different tones of red.
Mood board following a floral theme with serif fonts.

On the second board we explored a subtler approach covering a floral theme as our client informed us that red emerald is also a plant. On this second mood board we looked at floral fonts that also incorporated a vintage aesthetic as this was something the client has also expressed an interest in. 

Design Process

Logo

The client had a lot of input in the design of the logo with regard to their own ideation. In our initial meeting she provided us with a few sketches which we later used to brainstorm an array of initial sketches for further development. Charlene had expressed interest in using a floral theme throughout the branding which we found quite tricky as we needed to ensure that the logo was not gender oriented, so the nature of the business was not misidentified. We created a range of initial sketches on paper and then Adobe Illustrator to explore the possibilities of combining aspects of both of styles explored on our mood boards. A range of graphic elements were explored in this stage of the design process including; textures, colour gradients and shadows, but initial feedback led us to decide that block colour logos had the most impact. Block colour also did not compromise the legibility or clarity of the logo when adapted to different scales for the required documents and interfaces.

Initial logo sketches presented to client.
First development of initial logo sketches presented to client.

Charlene always kept us up to date with feedback she received from her colleagues regarding our ideas for the logo. To ensure Red Emerald presented a brand image that was appropriate to be presented to Government Organisations we quickly veered away from the original classic vintage style with serif typeface and moved towards a more contemporary style with a sans serif typeface. Floral elements no longer felt appropriate and we required a deeper exploration of the emerald cuts and shapes associated with them. This enabled a clear direction for ongoing development.

We explored typographic logos using the initials of the company but later decided this could be confusing for clients so we concluded that having the full name Red Emerald alongside the logo image would be more effective especially while the business is establishing itself.

Developing the logo, incorporating an icon with ‘Red Emerald’.
Final logo for Red Emerald, the logo is preferably displayed as white writing on a red background but there is the option to have red writing on a light background as we stated in the brand guidelines.
How the logo would be displayed as a profile image on social media.
Logo specifications in the brand guidelines document.

Combining the text with image was one of the most challenging aspects but also helped to determine which was the strongest design. The design chosen provided us with a diamond graphic that fit comfortably alongside the name of the business and presented a corporate aesthetic which met the client’s needs.

Business cards

We initially took a more personal approach to designing the business cards and considered styles and patterns that Charlene had liked from our first logo designs. While dismissing the floral theme for the logo, we considered there may be an opportunity to incorporate it into the business cards to achieve this. However, we later decided, based on feedback from our supervisor and client, that while this was a valid experiment the outcome was not successful.

Initial business card design ideas.
Development of business card designs.
Final proposal for business card design. It includes a front cover and two options for the back cover that display different information.

Developing the business card design involved exploring the possibility for a variety of layouts both portrait and landscape. As the project progressed, we began to think more about how the business cards could tie in with the other design outcomes. We ended up with a faint polygon pattern behind the logo on the front of the business cards which was then used on the report and letter template. The final business card design allowed for two text layout options on the back, one displayed the information that Charlene has available to her now and one shows the information that the business will have in the future once it is set up. The client decided to get the business cards printed using an external printer, so we created the appropriate files to enable her to do this. We discussed a variety of print finishes and in the end we chose a spot UV finish for the logo.

Report template

The primary function of the Report was to present information to a range of clients by aesthetically supporting the written content without distracting from it. We discussed with the client the kind of content that would be in the report to establish what components we needed to design. It was agreed that we would supply a range of paragraph styles to support hierarchy within the text and create a style for tables and charts, along with a colour scheme.

Final report template.
Final report template showing table and pie chart style.

The final report template allows the client to add an image to the front cover or keep the logo watermark as shown. The paragraph styles present a range of heading options using fonts that are available on Microsoft Word and Apple Pages on multiple devices, to avoid complications when the template is being used by Charlene’s colleagues.

Letter template

The letter template was one of the last outcomes we designed, it was easy to create a successful design once the final logo had been confirmed. The polygon design used in the business card was recreated in the form of a banner which was positioned at the top of the page to help form the consistency in the brand that was required. The main difficulty with designing the letter template was that it introduced typographic restrictions as we had to consider the traditional layout of a letter and consider that most of the information would ideally sit on one A4 page. As with the report template, the letter template included types that are available in Microsoft Word and Apple Pages on all devices.

Final letter template design.

Slide show template

When designing the Presentation, the first consideration was to ensure coherence of the branding we had carried through the other documents. Using the red from the colour scheme and inspired by the geometric pattern used in the diamond graphic of the logo we began to create some slides incorporating the chosen serif typeface for the brand. In our first drafts of the Presentation slides the font was too small when we considered that presentations generally don’t contain large bodies of text and must be legible from a longer distance.

Progression of the design in the other documents, gave headway to the development of the Presentation, elements such as the subtle watermark and red polygon pattern on the business cards were brought in to keep consistency throughout, as well as the logo. We were unsure for a while what the best approach to the presentation slides was, so we had a range of options for the client to choose. From our Supervisor’s feedback we decided there was too many variants of slide backgrounds, and this surplus of choice was unnecessary as well as confusing for the user who really only needed one maybe two options. Peer feedback also implied that the all red background was too overwhelming on the eye, especially when considering the slides are likely to be presented on a large screen. The slide backgrounds that were decided on was a combination of the watermark and banner which influenced largely to mirror the report design.

Presentation slides template, title slide.

The final important changes made, included the placement of the logo which needed to obtain to the agreed bordering space outlined in the brand guidelines and secondly it had to be exactly the same size and placement on all the slides. The watermark felt too opaque and infringed upon the editable presentation copy, so the transparency was increased to amend this.

Reflection

This project has given us a great insight into the design process for creating a brand identity. In each stage of the process the challenge of brand consistency presented itself which often meant that we had to rethink the logo or the fonts we were using. Better analysis of who we were designing for and what the company’s main activities are, would have helped us make more informed design decisions. We had a lot of ideas at the start but there are some styles we didn’t explore, and we could have created more initial sketches that potentially would have helped us decide on a final logo sooner.

 

“It has been a real pleasure working with both Aoife and Hannah. They have both been incredibly helpful with their thoughts, ideas and creativity. I have appreciated their suggestions being both creative but also academic in what works and what doesn’t work from a design learning perspective. They have always been willing to make changes and trying to come up with solutions that both work from a design perspective and what works for me as a client. They have always been quick to respond and have been very patient (as I haven’t always been able to respond as quickly!).

Their design work has been received very positively from the small market research I did as part of the development process. Comments received included ‘clean and bold’ ‘love the colours and how simple but affective the logo is’ and ‘It represents you really well…it will be attractive for your markets” – Charlene Allen, Managing Director of Red Emerald.

 

 

 

 

 

 

Infographics for PhD research thesis on aphasia

Background

The client for this project is Willemijn Doedens, a PhD student in the School of Psychology and Clinical Language Sciences at the University of Reading. With a background in speech and language therapy, the client’s PhD research focuses on aphasia. Aphasia is a language and speech impairment occurring as a result of brain damage. Her research conclusions explore how real-world communications can be defined, how they can be clinically tested and the findings of her research experiments.

 

Restated Brief

The client requested two infographics to summarise the conclusions she has drawn from her research project. The main infographic would be included within the research thesis, acting as a visual break from the written content. The second infographic would be used on social media to summarise the full infographic and promote the publication of her research paper. The crucial aim of the project was to make the infographics “aphasia-friendly”, so the client could share the research results with the participants of her experiments, who have aphasia.  Although the main infographic was due to be submitted as a physical copy, COVID-19 meant that the client’s final thesis submission was digital. As a result, both deliverables for this project became digital files, with the view to being included within a printed thesis at a further date.

 

Design Process

Research

At the core of this project was gaining an understanding of how to design for those with aphasia. With little knowledge of aphasia, myself, collaborating with the client to gain an insight into the subject area became a vital tool for my research. Alongside discussions with the client, turning to the Stroke UK website, I came across resources directed at designing for those with aphasia. From this research, I gained far more perspective on the direction I would need to take the designs to make the infographics “aphasia-friendly”. For example, those with aphasia understand documents best when each part of the text is supported by a diagram.

Although designing for those with aphasia was key to this project, it was important to assess all the different users of the infographics. Creating user personas, it became clear that the design was directed towards those with both scientific knowledge of aphasia and the general public. As a result, the written content for the infographic became key to creating a successful design.

 

One of the four user personas I created for this project

 

One of four user personas I created for this project

 

Content Transformation

Due to the scientific nature of this project, the client provided the copy to be used for the infographic. However, the copy was around 1500 words and needed to be reduced significantly whilst maintaining its academic integrity. Working in collaboration with the client, I worked to break down the content into digestible sentences. This was particularly challenging because in order to break down the content, I had to read it through many times and discuss it with the client to gain a basic understanding of it myself. Once I had gaining some basic understanding, I was able to work on reducing the content down into a more condensed format. However, as I had spent time discussing the content before condensing it, it was hard to gauge whether the content would make sense to someone who hadn’t read the original copy. Therefore, testing became vital at this stage of the process and I carried out many informal reviews of the content with family and friends. Through this testing, it became clear which parts of copy made sense and which didn’t. I also found it very beneficial to ask others to explain what they thought each part of the copy meant so I could compare their understanding to the original copy and see which parts were being misunderstood.

 

Illustrations

Alongside working on the written content, I worked on designing the illustrations to go with the copy. This was key to this project as much of the original copy could be translated into diagrams, saving many words and making the design far more aphasia-friendly. Working on the copy and illustrations simultaneously allowed me to adapt the content efficiently and reach a set of illustrations and copy which reflected the original 1500 words effectivity.

Illustration sketches alongside the corresponding copy for the infographic
Illustration sketches alongside the corresponding copy for the infographic

 

The client expressed an interest in having the experiment setup translated into a diagram but had no other specific requirements for the illustrations or styling. As a result, I researched into different styles of illustrations used for scientific content and examined different approaches that could be taken. With the key focus of the infographic being to make it easily understandable  for those with and without aphasia, I decide that the most appropriate style for the illustrations was flat 2D vectors. However, for the experiment setup I trialled and tested both a 2D and 3D setup which led to the 3D diagram being used for the final design. This was due to the 3D version being more easily understood as users could see that the middle bar was a barrier without the need for a label.

 

2D version of the experiment setup
3D version of the experiment setup

 

Initial Layout Ideas

Having worked on the copy and illustrations to be included within the infographic, I worked to mockup three different layouts for the infographic. The client did suggest she wanted to avoid a design which looks like a scientific poster, so layout 3 was originally not the favourite. However once I had explained the benefits of layout 3 for those with aphasia, this was the design taken forward.

Three initial layout ideas: layout 1 (left), layout 2 (centre), layout 3 (right)

 

Data Interpretation

One of the hardest parts of the design process was creating illustrations for the experiment results. This was because the client didn’t want to use physical data on the infographic as it would be too complex for those with aphasia to understand. She did however really like the idea of using graphs to display the results. As a result, we had some long discussions about the use of graphs, as generally people assume graphs to accurately represent data. For this infographic though, these graphs would simply be a visual representation of a difference in results between the two groups of the experiment. Consequently, I provided the client with some different options for making the graphs as appropriate as possible and also an alternative Venn diagram. With these options the client did decide to use the bar and line graphs, in the knowledge that they are a visual representation not accurate bar graph. As a result, the graphs were changed and refined many times.

 

This was the final iteration for the Experiment A results as a bar graph (this was chosen for the final infographic)

 

This was the final iteration for the Experiment A results as a Venn diagram

 

Use of colour

The client expressed the importance of having a reasonably simple colour scheme for the design to meet the needs of those with aphasia and suggested a plain white background would be most appropriate. I explore a few varying colour schemes, before coming to a scheme which took inspiration from scientific poster whilst also providing enough variation to make it stand out. I also explored the use of colour to benefit those with aphasia, for example, repeating the set of three red icons throughout the infographic to reinforce the main three parts of real-world communication.

Two different colour schemes which were trialled for the infographic

 

Social Media Infographic

Having finished the infographic to be included within the thesis, I worked to design a summary version for use on social media. This was more challenging than I had anticipated, as I had to consider the context in which this social media version would be read. After making many edits to the copy for the summary, I arrived at a concise design which featured enough information to explain the research subject area to someone who would not have read the thesis itself.

 

This was the final outcome of the social media infographic

 

Final Deliverables

The final deliverables were produced as digital files, with the main infographic being placed into the client’s research thesis and the social media version ready to be published on twitter (once the thesis is published next year). Below are the final outcomes of the project.

Infographic to be included within the thesis (page 1)

 

Infographic to be included within the thesis (page 2)

 

Mock up of the social media summary infographic posted as a tweet

 

Reflection

When this project began, I felt quite daunted by the idea of working by myself having not completed one of these projects before. As a result, the working relationship I developed with the client, from the offset, was very important to me. From our first meeting, I felt very comfortable working with Willemijn on this project. As an academic herself, she recognised that my strength laid with the design of the infographic and avoided biasing my ideas with her own. At first this left me feeling very lost with endless ideas and options for the infographics, but by the end of the project I realised that as a result of her open views on the designing process, I felt far more confident in my own ability to design a successful outcome. Additionally, having to work through my ideas without the help of a team, I found that I became more confident in explaining my ideas to others and working through constructive feedback from both the client and my supervisor.

Having always struggled with time management, completing this real client project motivated me to stick to a schedule. Planning became vital for this project, particularly during the content transformation stage. I underestimated the amount of time that I would need to transform the content for the infographic. However, by working in collaboration with the client, I was able to transform the long content into a digestive amount of information which was appropriate for the general public and those with aphasia. Following this slight set back, I was a little rushed at the end of the project. But, thanks to the strong communication I developed with both the client and my supervisor, I was able to successfully finish the project on time.

Overall, I found this project extremely rewarding as it has given me more confidence in my ability to communicate with clients, execute my own ideas and work to a deadline. It was also lovely to know that my views on how the project went were replicated by my client, who provided me with some lovely feedback on submission of the final outcomes:

“You really understood the research from the start, and you were able to capture the key elements of the project right away.  I thought the whole design process and collaboration with you went really well – above and beyond what I could have expected”

A Survival Guide to an Emotive World

Background

Young adults with a learning disability may struggle to go to university, not due to a lack of skills but due to confidence issues. Being a student studying Graphic Communication is exciting and where you experience unique things that are not known to people who aren’t students. Opening these young adults eyes to the graphic design world and life being a student, hopefully will build their confidence to be bolder to taking new opportunities.

Restated Brief

Objectives

The aim of this Real Job was to write and present a talk that explained my passion for graphic design and being a student. This needed to be presented in an engaging way that would trigger enthusiasm within the audience. I believe I was successful in achieving this as the students were responding to the presentation content throughout and some asked questions at the end.

Deliverables

The deliverables of this project were somewhat unique for a Real Job as the design work involved using a template that the client provided. The outcome of the project acted as the deliverable, this being the presentation slides. The presentation lasted 30 minutes and needed to cover the topics that were agreed and discussed with the clients. The content of the presentation was: Myself & Design, what is design that including examples of a film poster project, infographics, data visualisation and pictograms. These topics were chosen as they were able to be related to by the audience despite having no background knowledge to graphic design. The film poster project being specifically relatable as the films chosen were well known. There was discussion of a hand out however, considering the time restriction this was agreed not to be included.

Image 1: Contents page
Image 2: Initial sketches
Image 3: Initial designs
Image 4: Student examples

Schedule

Due to the project being presented in the Easter holidays the client was flexible with the date of the presentation. I had the choice of three Fridays (the day that sessions were scheduled), my presentation was scheduled for the 17th April.

Process

Initial contact with the client

The initial meeting with the client was via Zoom so I was never able to meet the client face to face. However, the meetings were very relaxed and efficient as the client was clear with their objectives.

The client and myself maintained good communication, although we could’ve perhaps set a certain time each week to touch base because it was such a short project, there wasn’t time for mistakes. On the whole I felt this worked well. The client was clear with what she wanted to achieve and this was all outlined well in many exchanged emails. Overall, I felt that I worked with the client in a professional way where their vision was achieved.

Research

My audience were mostly adults aged 18–35 with learning difficulties who did not have the opportunity for university or further education, this being due to self-confidence problems. Every Friday, sessions are run for them to gain insight into a specific field that differs each week opening them to more opportunities. I needed to ensure that the presentation was appropriate and simple to understand, not bombarding them with too much information. The appropriateness for the audience was a way to manage the success as was measured by the engagement and enjoyment of the audience. To make the presentation engaging, I made sure that I covered a few topics in depth to fully explain to the audience the different processes and examples of graphic design, providing consistent structure to the presentation.

Image 5: Initial Brainstorm
Image 6: Slide Plan

Design and Development

After deciding the content that I wanted to include I had to organise this in an appropriate and methodological way. Despite being given a template by the client I still had to design the slides so that they appeared intriguing yet clear to my audience. One challenge I did face was ensuring that the script was coherent to the slides and that everything I spoke about was demonstrated on the slide. To create a clear structure of my presentation I added an introductory slide that acted as a contents page to inform the audience what I will be speaking about. This helped me to create sections within my presentation ensuring that I spent an equal time on each topic. Conforming to a template was useful as it ensured that the students were familiar with the format and were forced to focus on what was on the slide rather than a new design.

Trello

Trello allowed me to organise and present my ideas effectively. I now have a better understanding of Trello so I am now able to use it more efficiently. Throughout this project I was able to upload developments of my work, explaining the rationale behind my decisions. I altered the checklists on Trello to suit my project, this helped me to manage my time well and to ensure I had achieved the requirements of the client. The Trello board also ensured communication with my supervisor so that they also were able to monitor my progress.

Final Stage

Feedback

The instant feedback that I gathered after completing the presentation was that the students asked some questions throughout showing that they were engaged. One student also stayed behind on the call to ask me some feedback on a website he had created, where he has put together a gaming portfolio to show to possible jobs related to gaming. The client also phoned me the following week to provide me with some feedback, she felt that my presentation remained professional whilst ensuring interaction with the students. It was also mentioned that reading from a script can sometimes make engagement hard but this was fine as I was able to come away from the script in order to speak directly to the students. Overall the client was pleased with my presentation and she felt that the students benefitted from my Student 101 greatly.

Reflection

Time Management

This was my first Real Job that I have completed so far. I feel as though I learnt many things this term, where I had to manage many other projects alongside this having to make my own decision as to when to prioritise different work.

Communication Skills

I found it insightful presenting to strangers where I was able to convey my passion for graphic design. It definitely benefitted me working on this project alone as it became a personal journey through the presentation where I essentially had the chance to showcase some of my favourite projects. This project will definitely help me when I have to present in the future whether this is at university or in my professional career as this was the first time I presented to strangers.

COVID-19

The deadline had to be met as the client and her students were relying on me to deliver my presentation on a specific date. The initial plan was for myself to come to Reading in the Easter holidays and to present in person, however due to Covid-19 this was changed to a Zoom presentation. I was initially unfamiliar with the software, however after doing practice presentations I felt more confident.  Zoom did not restrict or limit my presentation but the challenge of engaging the students became harder as it was a greater challenge to give a talk that engaged people who were not in the same room. To try and help this I asked questions throughout the presentation at the end of each topic, rather than waiting till the very end where I opened them up to asking questions.

Personal Journey

Retrospectively, the outcome of my final presentation was pleasing and I was encouraged by the response of the students. I really hope that this benefitted the students and that I provided them with some confidence to explore graphic design and further opportunities in this field. My eyes were opened by one of the student’s website that he had designed by himself in his free time, seeing his passion was very uplifting as I became aware that I had pushed him to be confident enough to share his work with me. I thoroughly enjoyed this project working with the client and supervisor, where the final outcome was not just impactful on the audience but also myself. This unique project was quite refreshing taking me away from physical design work, making me think about why I am really passionate about graphic design.

 

Wychwood Project Rebrand

Background

The Wychwood Project is a registered conservation charity located in Wychwood, covering an area of 120 square miles. Its focus is to encourage and help locals to understand, conserve and restore the landscapes and habitats. The charity was started in 2000 with the branding remaining the same since its initial establishment. It now needs a refresh of the entire brand identity which will increase the engagement and reflect the conservation efforts in the local area. 

 

Brief/restated brief 

We aimed to create a professional brand identity that portrays the organisation’s values of conserving the landscape, wildlife and inhabitants in the Wychwood area. The new brand identity also had to ensure that it could be used to promote the charity and attract both a younger demographic as well as the current one. By applying the brand identity to different social media platforms such as Facebook, Instagram and twitter. We also designed a website storyboard that maps out an improved golden pathway, which the client can later develop into a fully realised website. For the visual identity the client requested to include some motifs from the old logo including the Oak tree and colours correlating to the theme of ‘conservation’. To create a recognisable brand identity that portrays the organisation’s values and message.

 

Deliverables 

The deliverables included a brand assets (e.g. colours, typography, name, strapline, logo), social media pages and a website storyboard which is consistent with all platforms. The aims for these are to showcase a new take on the brand identity which attempts to engage with a younger demographic whilst also introducing a revised name and strap line which accurately reflect the description of the organisation. 

 

Research and competitors 

Before starting the sketching process, we researched the different aspects of the organisation by going through their website and social media pages and identifying the most important parts of their work. This included things such as conserving the wildlife, the current oak tree logo and the colours used throughout. These all helped us to map out in which direction our initial logo sketches would go; which we concluded would be based around the ‘nature’ rather than ‘charity’ or ‘conservation’ aspects.

Looking at the current website helped to initialise the colour scheme which encouraged us to create colour scheme mood boards which we felt reflected the organisation. This was then used in the first vector sketches we created, along with some typeface experiments that we carried out. Through our research, we identified several conservation charities and organisations whose work and aims are similar to that of the Wychwood Project. This helped us to compare them, identifying which aspects made them each successful and unique, and what exactly our own designs need to compete. Notable organisations included:

  • RSPB 
  • The Earth Trust 
  • The Wildlife Trust 
  • WWF 

After comparing their brand identities, websites and social media pages, we noticed several features which each organisation shared that arguably made them successful in their field. These include:

  • The use of high quality photography to portray their organisation and its activities 
  • The use of colour across all platforms to create a unique brand identity which stands out from the rest and allows users to identify the organisation 
  • A mix of full length images and smaller images across their websites to keep users engaged 

The current audience for the Wychwood Project are typically older members who have time to volunteer in the activities. These members help the charity as they are willing to invest money into the projects. With the rebrand of the charity, the client wanted to maintain this current audience whilst also being able to engage to a wider demographic, such as families and children as well as local businesses and societal groups. 

 

Design development:

  • Name and strapline

In terms of the name and strapline, we researched other charities and organisations in the same field and analysed what works and what doesn’t; which are the most successful in reflecting their aims and values. We curated a list based on this which we felt were in line with Wychwood’s own aims. We curated a list of name and strapline ideas, where the client chose their favorite leading us to coming to a decision on which we should use. 

The final name: Wychwood Forest Trust

The final strapline: For wildlife and wild places

 

  • Logo

We sketched some initial ideas based on the client’s feedback. This involved the concept of an oak tree which would help to portray the organisation clearly to all users. After several experimentations with this idea, we decided to broaden our design concept beyond the simple idea of an oak tree and explore other elements. Referring back to the user study that we have made earlier we wanted the whole brand to be contemporary yet still connect to the existing market. This enabled us not only to create a design which was visually more appealing and generally unique, but also to break away from the regular circular design and play around with layout and colour. 

Using the client’s feedback for the new set of designs we managed to narrow down three visually different styles on which we could improve, we started to experiment with colour choice, typeface and the positioning of elements. The first logo is a hand-edited typeface created from an already existing typeface which we believe enables a sense of identity to the brand. The second logo is based around the basic idea of a tree, whilst combining other elements to create a unique visual design. The use of the owl and tree in conjunction with the ‘W’ creates an individual identity which audiences can easily relate to the organisation. The third Logo focuses on other elements of the Wychwood area rather than just the idea of an oak tree. The deer is the most visually recognisable and so can be identified by members of any age group.

While designing the logos we explored different colours schemes that had neutral tones with accented colours. Eventually, we stuck with a natural colour scheme to ensure that Wychwood’s message of conserving wildlife was still portrayed. As for the typography, the two chosen typefaces worked the best with the logos, colour scheme and layout. 

 

After back and forth feedback we reverted back to the core oak tree image, as it is what viewers associate the organisation with. For the final logo, it is based around the idea of a tree but presented in a graphic way. We revived the original logo with a contemporary twist, having redrawn the tree and re-coloured it to create an individual identity that is both nostalgic and relevant. Creating a silhouette makes the logo clear and cohesive, as well as allowing it to work more efficiently as a logo at any size. The bright, acidic green colour reflects the aim of engaging with a younger audience and allows the tree to be both recognisable and intriguing.

  • Typography 

The typefaces chosen are suitable for the organisation as they are legible and accurately reflect the organisation’s values of conserving wildlife and wild places. They were also chosen as they are timeless therefore unlikely to feel outdated. For the logo we used ‘Varela Round Regular’ using the acidic green as a dominant colour.  Based on our typographic knowledge we attempted to change the clients’ mind regarding this typeface, as we believed it would be too light to work when scaled down, however the client insisted on this typeface. For the headings we used ‘Montserrat Regular’ in the same green. As for the body text, we used ‘Asap Regular’ in a stone grey colour.

Logo: 20pt 

Body text: 25pt 

Headings: 40pt 

Website menu text: 30pt 

Website buttons: 60pt 

Strapline on website header: 100pt 

Website information (at bottom of page): 23pt 

All type sizes are relative to the website page size.

 

  • Colour scheme 

For the colour scheme we referenced the original branding while giving it a more contemporary feel. Using neutral tones throughout, alongside a vibrant green and neutral lilac. The green would be used to separate information (used in headings, boxes and contact icons) while the lilac is used in the form of interactive buttons (sign up, donate and support). Both these colours are emphasised in the cover and display photos. The background colour used for the website is a green-tone white that acts as a backdrop for the acidic green headings, lilac boxes and grey tone body text.

 

  • Social media

We chose three main platforms to focus on social media presence which are Facebook, Instagram and twitter. For the social media pages we combined both photography from the organisation’s existing websites and social media with our logo along with the matching colour scheme, to create a sense of cohesion among all platforms. The layout and size of elements within the logo were tested with the mockups to ensure that they were legible at any size required.

Facebook: the mockup for the logo can be used across all social media platforms. The photography is chosen to be cohesive with the logo design. The continuous use of green and the minimalist photography helps the audience to focus their attention on mostly the logo which is the first sense of the organisation’s identity which will be seen. Facebook mockups with the logo in both of its variants. Custom header pictures which include the strapline for the organisation. 

 

Instagram: the focus of the Instagram page is to create a complete individual identity for the organisation by combining both the logo design and the strapline. The mockup for the logo can be used across all social media platforms. The first mockup uses the logo in its original form, with green on white. We zoomed in on the logo to make the best use of the small space for the logo within the Instagram circle, to give focus. The second mockup uses the logo in its reversed colour form, with the white on green, which can be used as an alternate option. 

 

Twitter: having the mockups with the logo in both of its variants. Custom header pictures which include the strapline for the organisation. The mockup uses the same layout and image treatment as the Facebook page, creating a sense of cohesion throughout all the social media platforms. 

 

  • Website golden path

For the prototype we chose to do a golden path for the website. This included pages such as  the ‘Homepage’, ‘About us’ and ‘Donate and Support’. The design of the website pages are both simple and professional. It has a basic linear format which is seen on most websites, allowing it to be visually engaging to a wide audience and easy to update. We incorporated elements of the logo within most of the website such as the tree silhouette and solid coloured boxes to create cohesion. The background colour used is a pale green that acts as a backdrop for the acidic green headings and grey tone body text. We packaged the website storyboard to have screenshots of each page, a walkthrough of the prototype and the website assets used.

 

 

Reflection

We believe that we have created a refreshed brand identity which differentiates the Wychwood charity from other similar organisations whilst also clearly portraying its aims and values. One of the main challenges that we faced was not receiving enough feedback in time. Our schedules had to work around the clients, which made it harder to plan out future input logs and the different steps for our design stages. Another challenge we faced was the fact that we were unable to visit the site which meant that we did not have a full sense of what the organisation entailed, making research slightly harder as all we had to go off of was the organisation website, social media and the information provided by the client. As a whole, the job took much longer than anticipated as it was originally set to be done in June but due to COVID-19 and our main client leaving the organisation, our deadline was extended as the other clients were much more flexible. 

What we learnt from this job is how to effectively manage our time and the workload so that we are constantly on target to reach the deadline. We also learnt how to work with different types of clients and what way is best when dealing with certain problems, such as the client not responding to our emails and calls for three weeks. We both agree that the final logo produced would not have been our first choice due to the fact that we find it to be too generic as there are already many brands and organisations who have a tree within their logo design. Also, we found that it has a direct correspondence to their original logo which we both were trying to steer away from. This was evident in our vast experimentation of logo illustrations and styles where we played around with incorporating animals and even solely typographic designs. We both pushed to have a more current typeface with a thicker output, however the client insisted on having the typeface light and simple. Nonetheless, we had to push our design preferences aside and give the client what they wanted, in return they were extremely satisfied with the end result. Regarding the website, we were relatively happy with the final outcome as it was a refreshed version of the original, being more dynamic for different screen sizes and enhancing the overall user experience with straightforward navigation.

We both worked extremely well as a team, dividing the work equally and helping each other throughout the entire project. Working together also allowed us to manage the time which we put into each deliverable in order to ensure that each was produced to the best of our ability. In future projects, we will make sure to use more persuasive techniques to convince our vision to the client. 

Longhaul Endurance Branding

Background

Longhaul Endurance is an up and coming brand, which aims to provide athletes with high quality performance food. Co-owners Staale and Amelia both saw a gap in the market – most foods manufactured for the athlete on the go, did not come in savoury flavours, and often were full of highly processed chemicals. Being athletes themselves, they wanted to provide a natural alternative which provided a great quality energy source on the go. I was allocated this project in a team of 4 fellow students, consisting of myself, Alex Ganczarski, Liselot van Veen and Louisa Ellis.

Understanding our project better

We began this project by organising to talk to our client, so we could get a better understanding of their aims for their business, what kind of message they’d want to put across, and why exactly they wanted to rebrand. From here, we were able to restate the brief. The client from the beginning was keen to reinforce the idea that their product was unique, and that it was important that the branding expressed their aims to create all natural food, without the crash of sugary alternatives. Another important thing to ascertain from our initial meeting was the proposed audience for this product. The client mentioned that they target those between the ages of 35 and 55 – predominantly those who participate in endurance sports, hikers, or those who enjoyed the outdoors. This meant for us, we needed to create something reasonably clean and professional, that might appeal to that audience. The client also indicated in the meeting that they believed that their current tagline: ‘Prolonged energy release food’ did not represent them as effectively as they would like, and they really wanted to reinforce the ‘natural’ side of their brand.

Their existing brand

Research

In our research, we focused on competitor brands with a similar focus to that of Longhaul Endurance. One particular brand that our client identified that they admired the visual style of was ‘Tribe’ pictured below.  As pictured, ‘Tribe’ employs vibrant colours and textures in a ‘landscape style’ particularly in portrayal of outdoor adventure and hiking. Other brands that could be comparable such as ‘G Endurance’ and ‘SiS’ give more of a clean, clinical sense, potentially more aimed towards gym users, and those who focus on building muscle. From the research, we determined that it would be useful to echo some of these themes in our design process. However, one issue we faced straight away with this idea is that Longhaul focuses on a variety of endurance athletes, rather than a particular focus on one discipline.

A comparison of Longhaul to similar brands

We also had a look at the existing materials already available for Longhaul, and discussed these with the client. They emphasised that they already felt their logo was representative of their brand, and felt professional. They also explained that their budget is quite small, and making drastic changes to their logo would increase their printing costs tenfold. We did try some initial colour changes, and how we could try to minimise the costs of printing – however after further discussion with the client and their printer, we came to the conclusion that we should leave the logo as is, and focus on the visual design of the pouch.

The Pantone colours of the brand
Test prints of brand colours and potential replacements

Design process

We began the design process by individually brainstorming and sketching out our initial ideas for the front of the pouch. From here, we pooled our ideas and met to discuss which ideas we believed had legs. One particular idea I had was using ‘leading eye’ to draw the eye to the pouch in form of a running track.

My initial sketches and ideation for the front of the pouch

From our initial sketches, the next stage of progression involved development digitally. By this stage, our client had provided us with all the EPS files and copy necessary to start working effectively with their existing brand.

Digital development

Again, after developing them digitally, we took the time to assess the designs as a group – this helped us to compare and understand which of our designs we felt worked well, as well as which designs we could exclude from the further development process. Below are four different concepts that we narrowed down our concepts to. In retrospect, as a group we agree that we did produce too many concepts at this stage – basing our decisions on having one concept per person, rather than choosing just a couple concepts that we felt were strong enough to progress.

Just a small selection of digital developments proposed to the client

Our client kindly offered to send us some samples of their pouches – we had a copy of the dimensions of the pouch, but we found it hard to visualise how the design would fit on the pouch, and any potential things we needed to be careful of when designing the pouch. From meetings with each other, as well as our client and supervisor, we were able to work out a couple of layouts we felt worked well to balance the hierarchy of information effectively. We found fairly early on that a space that worked well as a container for information was the same triangular shape as in the logo. From attempting to arrange the information within the triangle, we decided to extend this approach to the outside world. We felt that mountains naturally mirrored the shape we were looking for, and therefore began to focus our strategy on how we could represent mountains in our designs.

Our experimentation of using the triangular shape as a container for information

From here, we wanted to continue this exploration into mountains, as we felt the simple triangle wasn’t enough to show the rugged, textural nature of a mountain. Below, we have further examples of how we incorporated further illustration into our design to create this depth of detail.

Exploration of different approaches in creating the ‘mountain’

Finally, after much exploration, we decided that a polyart style of illustration provided a great balance of rigidity, depth and fun to really emphasise the nature of the brand, and the colours we chose we believe really reflect the savoury, nutritious product within the pouches. We presented our client with this as a proposed outcome, and they seemed to be very impressed.

The polygon mountain style

Our client said: ‘The use of a mountain is very well aligned with the brand image we want to portray. The design works well as a concept that we can apply to new product ranges. It is both clean and eye catching.’

Continuing our design to the back of the pouch

Unfortunately, this project was stalled for a couple of months due to the effects of Covid-19 on their business. The image below compares the existing packaging with the final iteration of our proposed design.

Concluding adjustments and design sign-off

The final part of the design process finally took place when we were able to regain contact with the client. From here, they gave us some helpful feedback to make the adjustments to the designs that they wanted to their design, and we refined our work down to print ready documents using the artworking techniques. Prior to requesting signoff with our supervisor Rob Banham, we had a conversation with him regarding any further considerations he felt we should make – particularly in regard to the print production of our work. From here, we did attempt to contact gualapack (the printing agency that Longhaul used for their work). They were somewhat helpful – however there were some issues with a language barrier to bypass!

 

Technical preparation

Finally, our designs were signed off by our supervisor Rob, and the design was effectively ready to send to the client. Despite our best efforts to retrieve all the copy for the project, the client was not ready to provide us the ingredients for their two new flavours. Therefore, in another conversation with the client we decided it was worth us simply packaging our indesign files, along with information and a short guide as to how future designers should attempt to adjust the work – in the file transfer to the client was all the information, images and copy we had used, and the documents were ready for final production. This means the final details, alongside additional flavours can be added providing a further scope to our client.

Final front and back designs
Final front designs and colourways for all 4 flavours

Reflection

Although the final deadline well surpassed our original deadline, I’m relieved that we were able to complete the project and create the client a design that they felt represented them, and were proud of. I feel as if our team worked fairly effectively together, and all contributed a sufficient amount to our progress. I would say I’m overall happy with these designs – however there’s a chance we were too broad with our approach too late on in the project – we may have benefitted by having more time to refine our final ideas, particularly for the back of the pouch.

Final feedback from our client

‘It’s been a pleasure working with you all and I’m very impressed and pleased with the final result. So thank you for all your efforts, and for your patience during these lasts few months.’ – Staale Brinchmann, Longhaul

‘We have been extremely impressed with the designs that you have all put forward. We both wish you all the best for the future.’ – Amelia Watts, Longhaul