Background

In their second term, Part 1 students take on a website project where they are given the logos and brand guidelines in order to help them concentrate on the UX aspect of the project. The brief for this real job required two sets of brand guidelines for local businesses to be created to be used in the Part 1 project. This was a hypothetical rebrand and the businesses included Berkshire Black Business, Readifood, Mobility Trust, and The Mustard Tree. We were allocated one business and were then able to choose the second business we created guidelines for. For each rebrand a colour, white, and black logo had to be created alongside a choice of typefaces and colours. The aim of this job was to create realistic brand guidelines that were suitable for use on a mobile website. This project had a very quick turnaround of two weeks as well as tight deadlines for feedback within this period of time.

To allow this job to progress quickly, all communications were made over email and although research was required, there was no call for a trello board to track progress. The requirements for the job included deliverables of:

Item 1 Brand guidelines on given template for allocated business
Item 2 AI or EPS files for logo versions for allocated business (black, white-out, and full colour)
Item 3 Brand guidelines on given template for chosen business
Item 4 AI or EPS files for logo versions for chosen business (black, white-out, and full colour)

 

Process

Research

Although this job had a tight deadline, it was crucial that the research phase was not ignored. The job required research into the rebranding process of a major branding company and also research into the business that we would be rebranding. From this research it was clear that the logos needed to be easily scalable so thin strokes could not be used as they would become very thin when scaled up. The logos also had to be uncomplicated as they would be seen at a small size on mobile platforms. Researching into rebranding processes also gave insight into how elements of an old brand can be pulled out and made to work with the new brand whilst also keeping some recognisable traits of the original branding. I was required to design the brand guidelines for Mobility Trust and after researching the other businesses I also chose to rebrand ReadiFood as my chosen business. Mobility Trust is a charity that provides funding for mobility equipment and ReadiFood is a food bank run by Faith Christian Group.

Design

After completing research and having a plan for how I would move forward with the project quickly, I began sketching ideas for the logo. Although there was a tight turnaround for this job, I still felt it important to first complete sketches by hand before moving into Adobe Illustrator. This allowed for more ideas to be quickly sketched which was less time consuming than drawing them in Illustrator first. Doing this also meant that only the strongest logo ideas would be developed in Illustrator which, again, sped up the designing process. The aim for the Mobility Trust logo was to incorporate a vector wheelchair graphic with the name ‘Mobility Trust’ and create a clean, professional logo that would be trusted by the users of the business. The ReadiFood was able to use softer elements than Mobility Trust due to the caring nature of a foodbank in comparison to a charity funding for expensive equipment.

I pulled these sketches into Illustrator and began to draw the strongest ideas that would work well at the smaller size required for mobile websites. These ideas were presented for feedback and the logos that had the most potential were carried forward to begin working more thoroughly on the type that accompanied them.

As this project had to be completed quickly, only one logo for each business was chosen to be developed further. Type was explored to see how effectively it could work with each logo. At this stage, colour combinations were also carefully tested and thought about. To match the serious funding side of Mobility Trust the use of blue was deemed appropriate but incorporated in this, a bright accent colour that could be used for call to action elements on a website. The colour choices for ReadiFood were chosen to use natural, warm tones that matched the nurturing aspect of the brand and created a caring feel.

These ideas were presented for feedback using brand guidelines template. At this stage, an accompanying typeface had been chosen for each business using guidance from articles that discuss suitable typeface combinations for use on websites. The typeface choices of Merriweather and Montserrat for Mobility Trust worked well with each other and were versatile with many font weights.  Merriweather can be used as a display or body text typeface and they also adequately complement each other as one is a serif and the other is a sans serif.

The colours for Mobility Trust worked well but the dark blue initially chosen for ReadiFood was quite dull and did not stand out compared to the green tones also chosen.Oswald and Poppins were originally chosen for ReadiFood, but the two sans serif typefaces did not allow for much contrast when used on a website.

Following this, the ReadiFood guidelines were changed to use a muted red/light burgundy which contrasted well with the green and also worked well with the caring, soft feel that was intended when creating the logo. Roboto Slab was chosen in place of Oswald as it still complemented Poppins but provided a serif typeface for the guidelines and suited the style of the finished logo as previously the condensed look of Oswald sat slightly uncomfortably with the pot used in the logo.

Feedback

Unfortunately, my guidelines were not chosen by any of the current Part 1s to use for their websites. However, I received some general feedback from them and what they experienced when using brand guidelines created in past years. The general comments were that they chose to use guidelines based on their imagined suitability with the topic, such as pinks for a florist. They also found that it was useful having five colours that worked together well but also provided some contrast. An issue that also arose for a few of the students was logos having multiple layers or using thin strokes that did not size up correctly. This made it difficult for them to use as they had to edit the logos and try and fix them before they could be used.

Developments

I was able to develop my logos from the feedback provided to tidy them up and ensure that they worked better for their intended purpose. This included making the pot logo more balanced for the ReadiFood logo and ensuring that the steam rising from it was not too thin. The pot was previously very dominating and sat awkwardly next to the type. To correct this, I scaled the pot down and also edited the pot handles to allow the logo to feel more balanced. I made the rising steam into a more obvious heart shape as although this was a subtle feature it did not stand out clearly enough. I also ensured that the strokes for these were outlined to make them a shape which allows the logo to be resized without affecting the weight of the strokes of the steam, allowing it to be more adaptable.

The Mobility Trust logo received good feedback but I refined the use of the wheelchair wheel as the ‘O’ in Mobility to make it fit the shape of the ‘O’ in the typeface more accurately which allows it to sit more comfortably in place of the ‘O’. This also prompted rotating the person using the wheelchair in the logo to make them more fluent with the direction of the ‘O’ and the logo. I also slightly changed the tone of the light blue used to make it brighter. This contrasted better with the darker blues and was not as dull as the original blue. Another issue that arose was the logo being too deep to work effectively on a mobile format. This was solved easily by moving the ‘trust’ up next to ‘Mobility’ in the logo instead of below to create a long logo but one that was more suitable to fit mobile formats.

 

Guidelines In use

Although my guidelines were not used by the Part 1s, I used the colour scheme and one of the typeface choices for my own web project. I found that the orange worked really well as a contrasting colour and the dark blue was a really strong background colour that worked effectively with the off-white text colour. I did have to change the light blue that was first chosen to a lighter blue which is shown in the developed guidelines. The previous light blue was too grey and originally made the design feel boring as it blended in too much. Choosing a brighter, more sky blue elevated the design and created a lighter, more upbeat feel.

 

Reflection

The quick turnaround for this project did create some limitations to exploring and refining the designs. However, it also made me really focus on the project to ensure that I achieved a well thought through design process even in a short amount of time. I was unsure at first how I would manage to complete adequate research and come up with a variety of ideas in such a short timeframe but, although very fast-paced, I realised it was more than possible as I was able to do this whilst also completing work for other projects.

I found it difficult to choose colours without being able to see them used in practice and this was a limitation to the amount of time we had to complete the guidelines. If the timeframe was longer, it would have been really beneficial to experiment with different colour ways on a website mock-up to see how they would work together and complement each other. This was something I found when using the Mobility Trust guideline colours, myself and is a factor that I will definitely consider when designing in the future. Being able to refine the logos after the deadline was beneficial as it allowed me to look at them with a fresh perspective. I found that tweaking the smallest aspects, such as making the Mobility Trust wheelchair logo more round to fit the typeface, allowed the design to look more thought through and therefore work more effectively.

 

 

Background

Whilst in Covid-19 lockdown, the client wrote an illustrated children’s book aimed at 6–9-year-old children where all profits will go to Heads Up, a mental health charity, and the WWF. The requirement for the job was to design the layout of the book and make suitable typographic decisions based on the audience and content of the book. The book needed to integrate illustrations with the text in a fun and exciting way to make the book attractive to children.

 

Restated brief

The aim of this project was to typeset a children’s book which meant a variety of different considerations had to be taken in order to provide a book that would be appropriate for children. The initial brief was to create the text files for a 203x254mm full colour printed book and also an e-book. The client had also asked for some aid with the cover design. Although the book was to be printed, the client knew that they would be researching into this themselves and although they would need some help to ensure the files were appropriate, there were no production arrangements that had to be made as part of this job. However, the client did require different file types for both physical printing and also e-book text files.

 

Target audience

Children aged 6–9 years old were the target audience for this job and therefore the book had to be formatted to suit the reading ability of this age group and also include typographic detail that would be appropriate but also create some excitement for the audience. Although the book was aimed at younger children, the user personas represented those that may be buying the book for the children as this would often be parents or adults. Therefore, the book needed to be liked and deemed appropriate to aid reading for children by parents and adults that would be buying the book for a child. This is reflected in the user personas created.

 

New restated brief

The original brief asked for the book to be typeset and files suitable for print and use on e-books to be provided as well as some assistance with the book cover design. However, the client’s ambition for their project changed throughout the job and with this came the need for the book to be marketed in French as well as English. The deliverables for the job therefore required both English and French print ready text files as well as English and French e-book files.

 

Schedule

The original competition date was due to be in mid-September 2020, but this was more of an aim date as the client was quite flexible. The research and initial designing phase took longer than expected due to the job starting in the summer and therefore prior commitments getting in the way of being able to progress the project quickly. This meant the completion date was pushed back to the end of October. By October all design work had been signed off and both the client and supervisor of this job were happy with the outcomes. However, the original text files that had been handed over from the client turned out to be only a draft copy and needed to be proofread. Therefore, a lot of changes had to be made and the text had to be reformatted each time as large pieces of the copy had been changed and edited. This took a lot of extra time that had not be scheduled in which therefore pushed back the completion date even further. The client was continually sending updated copies of the text files and, learning from past mistakes and in order to save myself time, I requested that they highlight any changes in a different colour. This made it much easier to change the text quickly and meant that the text did not have to be reformatted each time as it was a new file.

Along with changes to the copy and also formatting a French version of the book, the completion date was pushed back to mid-December and finished print-ready files were handed over before this. However, the client required assistance with uploading the text files to Amazon as both a paperback and e-books which took time as it was more difficult than originally expected. This meant that the job was not complete until February 2021 as the client required assistance with making the books available online, despite all design work and files being completely finished by the end of November 2020.

Process

Contact with the client

Due to the covid-19 pandemic, the client was contacted over video call. This method was also used for future meetings with the client which did allow for easy discussion as files could be shared and worked on whilst on the call.

Research

Although I had worked on editorial books before, research into children’s book typography was very important in order to create pages that were attractive and accessible for children. Fortunately, shops were open at the time of research so WHSmith and Waterstone’s were visited to look at competitor books and also get an idea of the features that children’s books include that previous editorial projects would not have used. From this research it was clear that large typefaces with loose leading was very common which allows for easy legibility for children. ‘Fairytale’ style books were also researched as this is what the client wanted their book to be marketed as. These use a larger format and therefore allow for the illustrations to be seen and appreciated more. A lot of the books researched used interesting ornamental flourishes which created more excitement for children and is therefore something that was considered when designing the pages of the book.

 

Trello board

As this was a one-person job, I did find it difficult to keep up with the trello board. On previous jobs, where work was done as a team, it was easier to keep the trello board updated regularly as it was an easy platform to share files and keep on track of the job with each other. However, working individually meant that it was more convenient to email the supervisor directly with files. All research was completed and shown to the supervisor as well as progress throughout the project but were not uploaded to trello in a very timely manner. It is acknowledged that this is not the most effective way of working but files and progress were shared throughout and kept organised.

 

Initial designs

The story of this book has a target audience of 6–9-year-olds and therefore the typography needed to be considered in relation to this. As well as looking at other children’s books for this age range research was also carried out and a ‘Typography for Children’ article by Ilene Strizver was read to gain a better understanding of typography for children (Strizver, www.fonts.com). The inclusion and integration of the illustrations with the text was also something that needed to be carefully considered to ensure a sense of cohesion with the text throughout the book. The client had commissioned an illustrator to bring the story of the book to life and as the job began, some of these had already been completed. As the illustrations were high quality the typography needed to match this to present the text in a fun and intriguing way that also represented the sense of mystery created from the story.

The format for the book was decided to be 203x254mm as this was just smaller than A4 and suited the ‘fairytale’ style that the client required. This format worked well with the illustrations and also allowed an appropriate body of text to sit comfortably at a large size.

 

Type

Initially, typefaces that had the characteristics explained in the article mentioned above were explored and tested. However, the client requested that ‘Sassoon Primary’ was used for the book. Unfortunately, this typeface had to be paid for and after explaining to the client that this would come at an extra cost, more research was conducted to choose a similar typeface that would still be appropriate. An article from indesignskills.com was read but a lot of the recommended typefaces were more display based and not what the client desired. After discussion with the supervisor, Sue Walker was contacted, and permission was given to use the typeface Fabula that she had created as part of a study into the suitability of children’s typography. This typeface was approved by the client and worked well with the book as it has similar features to Sassoon Primary and is specifically created to aid children’s legibility.

Fabula was used at 15pt on 28pt leading as this is a recommended type size for children’s books for the target age. These sizes were found to be appropriate from the research and also research conducted by the client who was aware that the type needed to be much larger for children. The type also used 28pt spacing between each paragraph instead of indents as this allows for better legibility for children and is therefore accessible for the target audience.

 

Images and text

The initial illustrations that I had been given had defined edges that meant that unless they sat on their own on one page, they did not sit well with the text, especially as they were all portraits. Experiments were made to give an idea for vignette edges, similar to some of the illustrations which did not have defined edges and sat more comfortably with the text. Unfortunately, as I was having to communicate with the illustrator through the client, my ideas were not taken forward, but the client was happy for the portrait illustrations with defined edges to be used at full page which allowed them to sit easily alongside the text on a spread.

During the designing stage of the text formatting, the illustrations were still being drawn so although I had designed the spreads to use full page portrait images, I received illustrations that varied in their format. Some did not have full backgrounds so blended into the page more and others were landscape with an attempted vignette blurred edge. These did not fit with the agreed format and could not be changed due to the illustrator’s time restraints. Fortunately, the illustrations with no background sat happily underneath the text taking up half a page and this did not combat the design. However, the landscape illustrations had the blurred edge taken off them as this did not match the rest of the illustrations and although they did not sit as comfortably below the text, this was where they suited the format the most. The client signed off these decisions and was happy with their placement, so although not the most desired format for the illustrations it was how the client had imagined the book format to look.

Whilst proofreading changes were coming in from the client, they also requested that the illustrations used captions. Research conducted earlier in the process suggested that this was not a usual occurrence for children’s books, but the client felt it would aid the reading journey for the audience and ensure that the illustrations linked to the correct element of the story. As all the illustrations sat at the bottom of the pages, the captions were easy to incorporate but only where they were one line long as otherwise the size of the illustration was compromised which was not desirable. Some of the captions were very long and also repeated some of the story which was not necessary and therefore were acting as more than just an image caption. The client agreed that they could be shortened, and this was an easy fix, though did take some back-and-forth correspondence where some captions needed more words taken out than others to ensure they sat comfortably on one line.

 

Folios and section breaks

When researching children’s books, many of them used interesting elements such as small illustrations or ornamental flourishes to dress the folios. Usually this is uncommon in a normal editorial book or novel so it was definitely something that needed to be explored as adding extra elements would fit in well with this heavily illustrated book. Different types of flourishes and small illustrations were tested to see which would be most appropriate. Ornamental flourishes were used in some children’s books found in the research but for this particular book illustrations that matched the images were deemed to be more appropriate. As the book is about arctic animals and boats, these types of illustration were mocked up around one, two, and three-digit page numbers to see how they would work best. It was deemed that the polar paw print was most appropriate and suited the purpose most effectively as it related to the story and was not too complex to be seen at small sizes. It also wasn’t too dark and did not distract from the rest of the text.

Instead of using chapters, the book used section breaks initially indicated using an asterisk. However, after finding appropriate illustrations to be used alongside the page numbers, it was appropriate to use another related illustration to indicate a new section within the text. The penguin was chosen as again, it related well to the story and created a fun section indication for children to notice and link to the story. At first these were made too large and fought with the text. Downsizing these to a similar size as used for the folios made them more appropriate and sit much more comfortably to be noticed in the text without attracting too much unneeded attention.

Production

The client knew from the beginning of the job that they would be sourcing their own printer and all that needed to be provided were print ready files. However, as they were on a tight budget and any profits from the book were going to support charity, the printers that were chosen only printed a limited number of formats. Unfortunately, the originally agreed 203x254mm format was not able to be used and so the book had to be changed to 203x276mm. This was not ideal, but fortunately easy to change as the margins were made slightly longer in order to fill the extra space. Although an easy fix, this still took some time to get right as the book had to be redesigned in some places which meant that the already pushed back competition date had to be made even later than originally expected.

The original job had requested for aid with the cover design. However, the illustrator took charge of this as it was deemed most appropriate as the illustration style used in the book correlated to the cover. The illustrator sent over the files that I then assembled in InDesign; however, this incurred issues with sizing, especially as the book format had to be changed very close to the deadline. Fortunately, these issues were resolved easily after contacting the illustrator directly to ensure that the size of the files were exactly correct.

 

French copy

Halfway through the job, the client decided for the book to also be formatted in French, as the hero of the story lives in Paris. All typographic and design decisions had already been made so this was not too much extra work to take on. However, it did involve formatting the text and ensuring that section breaks were in the correct places and also that the text matched up with the illustrations shown on the corresponding pages. This was a challenge as I do not know any French, fortunately, the translator was able to provide some notes in English on the text file to signal where particular images needed to be placed to ensure that they would be on the correct pages. Like the English copy, the French also went through many iterations and small changes which took time as they had to be sent to the client who sent them on to the translator and back again. Although this was a challenge, it was very interesting, and some valuable skills were gained as it is very different formatting French text than the usual English. It also meant that communication had to be kept on top of to ensure the correct changes were being made and any queries were clearly stated so they could be passed on via the client.

 

E-book

Part of the job was to create print ready files but also files suitable to be uploaded as an e-book. This involved some research using LinkedIn Learning courses and also some testing but was not too complex. There are two formats of e-book which are reflowable layout and fixed layout. The fixed layout worked for this book as there are a blot of illustrations that have to stay in certain places in the book in order to correlate to the correct part of the story. A reflowable layout was tested but this completely reorganised the format and did not work. The e-book files were created and tested on the Amazon Kindle Preview app. It was also ensured that the colour space of all the illustrations was changed from CMYK in the print appropriate files to RGB which is used for screens.

 

Amazon book

As the e-book files had been created as EPUBs they were easily uploaded to Amazon by the client, but Amazon also provides a service where the book can be bought by the reader and printed from Amazon which is a cheap alternative to using a printer and distributing the books in bookshops. Therefore, as the book profits go to charity, this was a suitable method for the client to sell the book. Due to the nature of this process and similarly to the printers that the client had chosen, they only printed certain book formats. Unfortunately, the new format of 203x276mm was not available but the original format 203x254mm was which meant no changes had to be made as the files were also up to date in this size as well. For consistency, this is not ideal but due to cost limitations it was convenient for the client who approved both sizes being used. Part of the challenge of uploading the print files to amazon included ensuring that the correct ISBN number was on the correct book as different numbers had been used for both the English and French printed texts and also the English and French Amazon texts. This meant thorough checks had to be made before uploading and confirming the files to be printed. The real problem came with uploading the cover files which had specific requirements in relation to bleed and print area. This took a lot of trial and error and also required the illustrator to edit the cover and move elements where the barcode had to be added with no control over its placement. Eventually, using the specific requirements for the file, this was rectified.

The client has limited technical ability, so screen recordings were made to aid them upload the correct files and use the correct settings to ensure that the upload process was easy and uncomplicated for them. At a later date, the client also decided to upload the book to Barnes and Noble. The process was very similar and the files that were made suitable for Amazon were also correct for Barnes and Noble too which meant a seamless uploading process.

 

Final designs

These are some example spreads in the book shown on screen and in print. The cover of the book is not any of my own artwork and the only role I played was assembling the separate front, back, and spine files from the illustrator into one file in InDesign.

 

 

Reflection

Although this was my third real job, it was the first one that I had completed on my own. There were positives and negatives to being an individual on a job. I found that it was much easier to develop designs quickly as my supervisor was my main point of consultation. However, where I lacked creativity and struggled to think of new ideas there was no one else who knew the project that I could discuss developments with which is a beneficial factor of working in a team. The use of the trello board for this job also suffered as I did not need to share my ideas with anyone but my supervisor and client which was more convenient to do over email. Although my files were organised, it would have been easier to keep up to date and show progression with regular uploads to the trello board.

Formatting text for books was something I was familiar with, but this was not editorial, but a novel so required different types of typography. The target audience was also children which meant that many different factors had to be considered that do not have to be as crucially correct in a book formatted for adult reading, such as specific type legibility, size and leading. This job allowed for some creativity with the illustrated folios and a lot of new skills were also learnt. Specifically, communicating with those other than the client such as the illustrator and the translator which meant any questions had to be carefully related through the client and emails had to be constantly kept on top of.

This was my first experience of working with printers and also printing platforms and e-books. The e-books presented less of a challenge than I had expected but uploading the book to Amazon and also experiencing constraints with format size was something I had not expected. Fortunately, these issues were resolved without many additional problems, but they did take more time than expected. For this reason, it was fortunate that the client understood that these problems were unavoidable and was able to be flexible with the completion date.

Real Job: Do you like Owls? Liselot, Immy and Joanne worked on new wayfinding and interpretation boards for Turbary Woods Owl Sanctuary near Preston, with help from Oliver Tomlinson @TDL_Creative

Read more