Category: Real Jobs

Department of Typography clock design and build

Review of design agencies project write ups

I looked at the way Pentagram structure their write ups on their website and with all of their projects they take a very image based approach, explaining most of their process in the captions beneath the images. I also looked at Designinc who also use large images, however they also feature three short paragraphs under the headings background, approach and results.

The brief

The brief was to come up with a functional clock design (clock face and hands) for the typography department and create a report to explain the design decisions made.

Purpose and function

The clock will be used in the typography department and so the audience is anyone who looks at the time in the building, including lecturers, students and visitors. It needs to be functional, so regardless of the design, it needs to still function as a clock and be fairly legible.

Requirements

The brief was quite open and the client wasn’t very specific. For the project to be a success, the he wanted me to explore lots of possibilities so that I could come to an informed decision on which design would be the most appropriate.

Research

For my research, I looked into clocks designed by Max Bill, in particular his designs for kitchen clocks. I noticed how the numbers on the clock have been updated so that the main numbers represent the seconds rather than the minutes to better suit the purpose of the clock.

Max Bill’s kitchen clock design

Concept

After seeing Max Bill’s clocks, I thought about how I could tailor my clock design to cater especially for the typography department. I decided to segment the hours into sections to show different groups of hours in the day. I began with the department closing hours in purple, open hours in blue, and lunchtime in yellow. Originally I had the opening hours from 9am until 6pm but when I spoke to the client, I was told that it would be better to go with 9am until 5pm as this was the times that the typography department ran lectures and official meetings.

I decided to push the concept further by adapting the numbers on the clock from the conventional 1 to 12. I thought that seeing as the majority of the time people work in the department during daytime hours, it would be more appropriate to use the PM numbers from the 24 hour clock, for example 13 instead of 1. I decided to use the numbers 09 through to 20 (9am until 8pm). I was quite worried to bring this up in the real jobs meeting as I wasn’t sure if it was ridiculous but I actually got some very positive feedback from the idea. I learnt from this that I should explain my ideas with confidence and not hold to see what the feedback will be before I appear proud of my designs. If I appear confident with my design decisions then others will be more likely to believe in my ideas as well.

I considered adding the other un-used numbers from the 24 hour clock around the middle but this became too complicated to read.

Experimenting with the segments concept and where to put the 12 hour and 24 hour numbers

Design process

Numbers

I began by thinking again about the number placement. In my original versions shown above, I had the numbers and the dots all in the same circle. This didn’t work well as in order to fit in all of the numbers, the type size had to be very small. I decided that they needed to be in different circles. I tried the numbers both on the inside and the outside and thought about how the dots and numbers would interact with the clock hands.

Number placement

I decided that if I put the dots on the inside then I could make the minute hand interact with them. I thought of having a hole in the end of the minute hand so that when the hand moves round, the dots appear through the hole.

My first clock hand design was slightly too thin and due to the length of the minute hand, the two hands look out of proportion. I tried having the hour hand slightly thicker which worked better as it was shorter.

Experimenting with thickness of clock hand

I tested the hand positions at different times on the clock to check that the interaction was smooth at all points. I adjusted the size of the hole so that only one dot would fit in at any one time.

Testing the different hand positions
pushing the concept

I showed my ideas to my supervisor and he seemed to think that the concept was interesting but thought that I could take it further. He encouraged me to really push the boundaries and think about how much information really needs to be in each segment and how clear it needs to be. In the yellow lunchtime segment, I tried removing the dots entirely to show that there is a break. The continuous, circular flow of dots literally stops between 13:00 and 14:00.

I also tried dulling the numbers within the purple segment by making them a dark purple colour rather than black. This is to push the idea that time is less important in the department between the hours of 17:00 and 09:00.

It occured to me that when we talk about the 24 hour clock in relation to one didget numbers, we usually add a ‘0’ before to clarify that it means AM. Because of this, I decided to change the ‘9’ to ‘09’ to remain consistant. This also improved the spacing of the 9 compared to the other numbers as previously, the single didget was vastly different in width.

I also tried a version without any numbers out of the hours of the department opening hours. I thought that this could still be functional as lots of clocks miss off all of the numbers except for 12, 3, 6 and 9 and there was still enough information to be able to tell the time. I decided however that it wasn’t as clear. I decided that this idea possibly pushed it too far, as although it makes sense conceptually, the brief still claimed that it had to be functional and deleting all of the visual cues did make it harder to read.

Deciding how much information needs to be visible.
Futura research

I was encouraged to look into the typeface Futura and how it was used on clocks. I looked at some examples of clocks that used sans serif typefaces similar to Futura in the 1920s. They inspired me to try both the typeface Futura, and a new colour palette in my work and create something in a similar visual style.

Futura research
New design using Futura and a new colour scheme.

The change in typeface made the clock instantly more legible as the letters were heavier and had more of an impact. The dark colours contrasted well with the white numbers.

Experimenting with colours
Printing

I had to experiment quite a bit with the colour of printing as it always come out differently from what I was viewing on my screen.

Mock up of Possible Final deliverable

I have got to a point with the job where I have created a mock up of my design that I am happy with and am awaiting feedback on my design from the client. There were a couple of difficult things to accomplish with the mock up, for example cutting out the circle on the end of the minute hand.

Finished mock up

Communication with client

Throughout the process I maintained regular contact with the client and showed him my work at different points for feedback although the project had a quick turn around. If there was a longer timeframe, we probably would have had more meetings.

This project was made both easier and more difficult because of the freedom I was given by the client. It was easier because he didn’t have a specific solution in mind meaning I could, to some degree, decide on my own concept and make my own design decisions. It was challenging as there was very little direction. I had to come up with my own ideas entirely and as long as I explored lots of options, the client was happy.

Overall

This job really developed me as an independent worker as I had to think creatively on my own, yet still satisfy the client. Overall, the project ran smoothly. I think if I started the project again, I would begin by printing designs at scale earlier as I learned more about the size and arrangement of elements once they were fitted into the frame than looking at them on screen. Having never done any clock design before it was an interesting job to work on. I have realised over the process that there is so much more to clocks than meets the eye and there are so many more possibilities than I initially imagined.

 

 

 

RJ00260 Watercress & Winterbournes conservation project logo

The client & the brief

My client for this project was a lady named Maggie Shelton; she works as a Community Catchment Officer, for the Hampshire & Isle of Wight Wildlife Trust.

The Background Story

As a designer, gaining a clear understanding of the ecology and science behind this project’s was incredibly important when considering how to visually approach design ideas with this project’s purpose and importance in mind. The most crucial aspect of this process was to ensure I asked my client detailed and specific questions about what is most relevant to the charity’s ethos and aims. Specifically, I wanted to gain as much information as I could about the Watercress & Winterbournes conversation project. In my initial meeting with Maggie, I found out that the focus for this project is to preserve the chalk streams of the Hampshire Downs, a unique landscape specific to this region. Maggie was incredibly passionate about how crucial the preservation of these habitats are,  therefore after taking part in this face to face meeting with Maggie, I understood that this project was close to her heart; this experience was a very useful learning curve as it reinforced to me the importance of the correct kind of communication with your client. The project also supports of a range of heritage industries, villages and their communities.

‘The area is central the to UK’s watercress industry and its water mills have supported industries such as the production of paper, corn, silk and even gin.’ – Maggie Shelton

My client also went into great detail about the partnership vision and their overall aims. The point of this project is primarily to unite sixteen partners, in order to help form relationships with surrounding communities in the Hampshire Downs area, who’s roles are essential in caring for the local heritage. This project also aims to encourage and inspire young people to protect the natural headwaters now and for future generations.

 Deliverables

The client specifically requested three different logo designs for the Watercress & Winterbournes project. These logos would be used on letterheads, banners, featuring as part of a web presence, and should also work as part of any publicity that advertises the new Heritage Lottery Fund project. The client specifically requested that these three logo designs must work in full colour and also in black and white. These logo designs also needed to be just as successful when scaled down to a smaller size, and scaled up to be used in varying formats.

Specific Design Considerations included:

  • The logo including the words ‘Watercress & Winterbournes’ specifically using an ampersand.
  • The logo needed to sit alongside the Heritage Lottery Fund logo, therefore not compete with the this logo but complement it.
  • The colour palette must be cheap to photocopy, as the client for this project is a member of a charity, ensuring the design is cost effective was a very important element.
  • These logos must also be visually effective on a Powerpoint presentation and also effective when placed over a detailed photograph.
  • Maggie Shelton specifically requested in her brief that these logos ‘reflect the ethos of the project’

I responded to this discussion with Maggie by briefly talking about some of my initial ideas for this brief. She reiterated to me that the heritage and sense of community was very important to communicate. I suggested to her that I wanted to use the concept of the natural surroundings in my logo designs. As the focus of the project is on preserving the heritage, I wanted to focus my design ideas towards a more traditional approach. This would feature hand-drawn illustrations, and perhaps serif typefaces. During this meeting I ensured that I communicated my understanding and appreciation for the project’s mission. I explained some of my ideas, in doing this, I assured her that she could trust me with respecting the project’s aims, though this is a newly founded project, the Hampshire Downs are a part of the UK’s natural heritage and I understood the relevance of this.

My Design Approach

I approached this design by considering the ideas and themes discussed with my client. I wanted to incorporate the project’s ideas of preservation and the importance placed on the heritage of the region and the natural habitats it encompasses. To do this, I began by experimenting with my own hand-drawn illustrations. I focused on motifs such as the watercress, specific to the chalk streams but this also features in the name of the project itself. I wanted these drawings to be detailed and realistic in order to represent the traditional elements of the project itself as discussed with my client. These drawings resulted in a botanical drawing style. These drawings were effective in both colour, using a natural green. When designing the typography for the logo designs, I wanted to use serif typefaces, traditional and simple letterforms, with particular focus on the ‘W’, representing the Watercress & Winterbournes name. I decided to incorporate these two main elements together, by featuring the watercress drawing as part of the typography.

 

Figure 1 – Initial Visuals

Figure 2 – Experiments with typographical treatment

Figure 3 – Developed Logo Designs

My Experience

Overall, my experience producing logo designs for the Hampshire & Isle of Wight Wildlife Trust was incredibly positive. I learnt a considerable amount about the relationship that can be formed with a client and how this can influence your perception of the design work produced for them. I feel that I have improved my ability to retrieve information from a client, I have learnt that making sure I am asking the correct questions, influences my work very positively. Understanding a brief is also very valuable to the process; ensuring you are correctly informed about the purpose the of work you are designing for, means that as a designer, you can make the correct decisions about the job at hand. This job was very simple in terms of the content, the deliverables were clear and concise and there was little that could go wrong technically, however, the challenging part of the project was to make sure I paid homage to the project itself. The project has a particularly important and somewhat serious message. The part my logo designs played in portraying the correct identity and message for project was very specific. Another important lesson I have learnt as part of this process, was to keep an open mind about my own ideas. After attending a very informative Real Jobs meeting, I discovered that it is also important to not underestimate your abilities; to sell your ideas and to have confidence in your skills. The designs that I presented to the group in this meeting, I personally felt were a little weak in my opinion, however, my colleagues felt that my designs were strong, original and unique. I found that the most successful design, came as a result of an accidental experiment and this was quite eye-opening for me.

 

 

Catalogue for Brazilian Music Film (RJ00184)

Brief
Albert Elduque Busquets, a postdoctoral researcher in Brazilian Cinema from the Department of Film, Theatre and Television was looking for a student designer to design a catalogue which the content included essays written about ten Brazilian music films and also the information about when these films would be shown in the Reading Film Theatre. The catalogues would be printed by the Design and Print Studio and handed out to people who went to see these ten films. The catalogue needed to be sent to print no later than 15 December, so the client could receive some of the copies on 10 January, few days before the filming started.

Work process
The project began in June 2017, the only thing I was told in the first meeting with the client was what sort of content would go into the catalogue. And the client was unable to tell me the details of the content, budget, and deadline as these things could not be confirmed until late October Therefore, I did not restate the brief for this project. It was a huge risk to take as the client could potentially ask me to make unrealistic and late minute changes to the deliverable and it would be my fault if I failed to deliver them. Fortunately, this did not happen, and the catalogue was sent to print, and the copies were delivered to the client on time.

The majority of the content was long essays with at least 10000 words each, but there were also other types of content shown in the catalogue such as interviews, letters and poems. The latter needed to be dealt with differently with the change of the number of text column. For instance, all the interviews have a single-column introduction. I also learnt how to handle sections such as biographies and credit page. Having different image crops also made the catalogue look more fun and appealing to read and placing the film information spreads in the middle of the catalogue gives the reader a ‘break’ after reading pages of long text. I chose Freight Text designed by Joshua Darden from Phil’s Font as the typeface for this catalogue as there are many font weights available which helped me develop a typographic hierarchy of the articles much easier.

One of the things I learnt in this part of the project is that if other organisations were involved in a project and their logos needed to be included in the publication, their brand guideline must be strictly followed.

Production
The client requested 300 copies of the catalogue and had a budget of circa £1500. Initially, he preferred to have the entire catalogue in colour. However, we were later learnt that the cost would exceed the budget, so we decided to print everything in black and white except the film information spreads in the middle and the cover. The number of pages of pages also needed to be kept to the minimum. The original page format I chose was 210mmx210mm, but I later learnt that the 8 pages would be printed on A2 in section. Using a square format would mean wasting a lot of space. Therefore, I changed the format to 200mmx280mm which is smaller than A4 so that more content could be included in one page. I also learnt a lot about other things such as how to prepare a document that is print-ready and a comprehensive print specification from this part of the project.

Reflection
Not creating a restated brief and attending Real Job meetings regularly and the lack of communication between me and my supervisor are the biggest mistakes I made in this project. No doubt this had a negative impact on my professionalism and more importantly, I believe I missed out on a lot of useful and constructive feedback which could influence positively my design decisions and potentially bring the catalogue to a higher standard.

Moreover, I need to pay more attention to typographic details as my client occasionally had to point out the typographic inconsistency and errors throughout the whole catalogue, all of which should be my responsibility instead and there are also a few widows that needed to be fixed. Also, I need to be more careful with the alignment of text and image and more specifically, to learn to design book covers that look more impactful and eye-catching and reflect of the underlying theme of the content. I think the current cover of the catalogue lacks a bit of contrast and needs to have a stronger emphasis on the cover image as it is the element that catches people’s attention.

One of the things I am really not happy with the catalogue is the logo of the Arts and Humanities Research Council on the back cover as it has a white frame in its background which looks like a careless mistake. In fact, I did ask the client if the text of the logo could be inverted as the organisation did not provide the client with an inverted version of their logo, but the client thought I should leave it as it is as we do not have the permission to make any changes to the logo. The other is the quality of the images. Some of the images did not come out as crisp and striking as I expected them to be. Spending a bit more time on photo editing would have prevented this from happening.

On top of everything negative mentioned above, the project went fairly well. Despite the lack of communication with my supervisor, my communication with the client was effective and consistent and both sides were very responsive to emails which sped up the whole design process. What is more important is that It enhanced my communication skills with clients and printers and the skill of working with a limited budget, all of which would be very useful. I also gained a lot of confidence through showing my ideas and offering my opinion to my client and communicating with the printer and acting as an ‘intermediary’ between the two.

Moreover, this job was originally assigned to me and another student but the latter quit shortly after the design process began due to ill health. Working on a large-scale project like this one alone is a first for me. In the beginning, I was slightly intimidated by the scale of the project and worried I might struggle a lot due to my inexperience and therefore disappoint my client and supervisor. Fortunately, this did not happen, and I was able to overcome many challenges by seeking help from my peers and lecturers, as well as looking for solutions online and taking references from relevant books and previous real jobs of this kind.

Although there are many things in the catalogue that could be improved, I am generally happy with the final outcome and so as my client and supervisor. It is also encouraging to learn that not just my client is very pleased with the finish quality of the catalogue, but also some others such as my client’s manager from the F.T.T. department. Knowing that the time and effort I put into this project are appreciated is very satisfying. Finally, I feel very fortunate that I had the opportunity to work on a project of this scale and something that I have a strong passion for. The whole experience is extremely valuable, fulfilling, and rewarding. It equipped me with the skills and knowledge I need in the future as a book and editorial designer. This catalogue will be an invaluable addition to my portfolio and something I can proudly say ‘I did it all by myself!’

 

Winckelmann exhibition design

Brief
To design print materials for an exhibition hosted by the classics department at the University of Reading entitled From Italy to Britain: Winckelmann and the spread of neoclassical taste.
This distinguished exhibition was part of a two-year international celebration (2017–2018), of Johann Joachim Winckelmann, the ‘father’ of classical art archaeology and promoter of neoclassical taste in eighteenth-century Europe. It explored Winckelmann’s work and influence in Neoclassical Britain and in particular Reading (epitomized, for example, in Soane’s Simeon Monument in Reading’s Butter Market), as well as publicizing Reading’s Special Collections.

Deliverables

  • An A4 trifold exhibit leaflet (in the form of a handlist of exhibited objects)
  • Exhibition panels, A1 & A0 (in width)

Challenge
The turn around for this project was very tight because I inherited it from another student at the eleventh hour. I had only a few days to design the materials in order for them to be printed in time for the exhibition launch. I was galvanized by the time constraint; there was no time to procrastinate or come up with multiple solutions: the design simply needed to reflect the neoclassical subject matter and be pleasurable to read.

Handlist cover
The image supplied for the cover involved a semi-nude woman brandishing an oversized tambourine above her head. The tall proportions of the figure translated well to the narrow page format but the image required careful scaling and cropping in order to satisfactorily display fine details, such as the folds in her drapes, while also avoiding collisions with the type. Beyond merely avoiding collisions with text the ‘dancing woman’ gracefully interacts with the exhibition title (note the way the right hand cups the second line of the subhead).

Hickson_S_Winckelmann_handlist

Typeface
Using a neoclassical typeface revival for display type and headings was an expected but pertinent decision. I tested a number of didone faces and settled on ITC Bodoni 72. The face works well at large sizes (particularly the gigantic 435pt size on the A0 display panel), but is less successful as a type for headings in the handlist because the exquisite hairline serifs are rendered fuzzy once printed.

I chose to set the exhibition title in italics in order add a sense of movement and excitement (‘From’ Italy ‘to’ Britain) as well as a subtle nod to Italian design.

The clients wanted to use the didone type style for all text, including body copy. They were concerned that the sans serif I’d chosen (Skolar) was too modern and did not match the subject matter. I showed them some example copy set in Bodoni and managed to convince them that the fragile structure of the face was difficult to read at body size. The straightforwardness of Skolar contrasts well with the grandeur of Bodoni and links the neoclassical history with modern appreciation.

Design lessons
Typesetting a handlist was a good opportunity to learn how to properly create a numbered list with right ranging outdented numbers: a skill that will be no doubt required on future projects.
If I were to change one thing to the design of the handlist it would be the key. Reversing small type sizes out of a solid colour made the acronyms difficult to read. In future I’ll opt for bold as a more robust form of typographic differentiation for this purpose.

Copy editing
I suggested slight amendments to handlist copy in order to better serve the pace of the document. For example, I recommended placing a pull quote above the exhibition blurb, which required a slight alteration to the wording of the text. Prior to the real jobs scheme, I had never considered that my role as a designer would include writing and editing copy. Learning to do this well will be a valuable addition to my skill set.

Designing the exhibition panels
The content of each exhibition panel was simple: a heading, body text and footnotes. I opted for a symmetrical centred layout to match the ethos of classicism, but coupled this with left aligned text for ease of reading.

Designing at this large scale was new to me (I’d never designed anything above A2) so lots of print tests were required to ensure the text was readable from a distance.

The main challenge was how to accommodate the amount of text on each panel (this varied significantly). I eventually surmised that each panel would need a discrete height that matched the length of text.

Working with the clients was enjoyable because their academic background informed my typographic detailing decisions with elements such as quotes and footnote markers. I’ve learnt that design conventions can differ in certain contexts. For example, footnote markers in books tend to be set using superscript numbers as these are less prominent than ‘normal size’ figures yet clearly visible. The clients insisted on using normal sized figures with surrounding square brackets for their footnote markers, as is the convention in exhibition design.

Conclusion
The real pleasure of this project was the opportunity to see my work displayed and used in the environment it was intended for and to witness real users interacting with it. After working mostly on small-scale print designs during this course it was exciting to see large typography come to life in a setting. I paid particularly close attention to typographic details on this project, as I knew any mistakes would be enlarged for all to see.

The clients were fully satisfied with my designs and were very complimentary about my professionalism; I even received a round of applause at the exhibition opening.

 

 

 

National Youth Guitar Circus

Background information

National Youth Guitar Ensemble (NYGE) is a charity which develops talented young classical guitarists in the UK by offering them world-class coaching facilities and the opportunity to play with other like minded individuals in ensembles.

TY3BP

As a group we had previously worked with NYGE in the TY3BP module. At the end of this module we presented them with a new campaign and brand identity. After this module was over, NYGE then approached us to ask if we could refine certain deliverables for this module in the form of a real job.

Restated brief

The brief was to create a set of illustrations for use in large scale print projects alongside an animation to be shared on social media as part of an upcoming campaign to encourage individuals to audition to join NYGE.

Process

During our initial meeting with the client we discussed target audience of the campaign and the message that they wanted the overall campaign to create. The client had also prepared an initial storyboard for the animation. We discussed this material in depth to make sure that we all agreed this was the right direction to take the campaign in. One area of particular importance was the length of the video; as the video would primarily be shared on social media it was important to make sure that the video was not too long (no longer than one minute). Ironing all the details out in the initial meeting was extremely crucial to the success of this project due to the tight turn around that the client needed for the final deliverables.

Illustration style developed during the TY3BP module

During this meeting the client had told us that they wanted us to pursue the existing style that we had established in the TY3BP module. As seen in the above photo this style used one continuous and fluid line to create an illustration. This illustration style was decided upon because we agreed with the client that this style helps showcase the dynamic composition of classical music.

After our meeting we had a discussion with our project supervisor about our meeting. It was mentioned by our supervisor that we should look at modifying the illustrations so that they can sit on top of a black background. The reason for this was to create a more classical feel which ultimately would better reflect the type of music that is played by NYGE. Carmen then mocked up an illustration to present to the client to see if they would be happy with this approach.

The illustrations were redrawn to more accurately represent the characteristics of a classical guitar player as well as inverted so that they could sit on top of a black background.

The feedback received from the client was extremely positive and they wanted us to pursue this slight change in artistic direction. Carmen then produced more illustrations which would match with the concept of the storyboard we had. The set of illustrations use continuous line drawings to complement the dynamic composition of classical music. The fluid movement of this line can also be associated with lines used in the brand identity which work as a reminder of the guitar’s strings.  The colours used in the illustrations were taken from our secondary colour palette. The background of the illustrations was made black in order for colours and the outlines to stand out.

These illustrations would form the basic skeleton of the animation which would be produced by Cecilia. Once the illustrations were approved we started the animation process. As the illustrations are all done following a single line style, they were animated in order to give the impression of a moving line creating different shapes and figures. This made the video very dynamic and active, captivating the audience with curiosity of what the line will create next.  

This continuous line effect also resembles the strings of a guitar. This process was made on Adobe After Effects, which allowed us to control and set the timings for the actions in order to give the viewer enough time to read the information displayed and appreciate the story the video tells.

The client had also requested that they would like the illustrations to be vectorised and made print ready so that they could easily be produced in large scale formats (A1 and larger). As the software used by Carmen could only produce RGB bitmap images it meant that the illustrations had to be converted into a vectorised CMYK file in order to be print ready. To do this Joseph had to trace over each illustration in Adobe Illustrator using the pen tool and convert the RGB colours to their closest CMYK match. Three versions of each illustration were created within the illustrator file:  

  • One version featured the original drawings as a set of strokes with the pen tool. This was needed so that the client could tweak the illustrations in future if necessary
  • One version with expanded strokes and no colour. By expanding the strokes in illustrator the client now had a set of illustrations which would maintain the correct stroke width when resized.
  • One version with expanded strokes and added in colour
Illustration recreated with Adobe Illustrator shown in outline mode.

With the deliverables nearing completion we presented the work to the client. The client was extremely happy with what had been produced however some slight tweaks were needed to both the illustrations and the video (such as small copy changes).

Final Outcome

Below you can see the final video and illustrations that were produced and handed over to the client.

The final animation

One of the final illustrations

Reflection

As a group we feel confident about the outcomes of this project and we believe it was a success. We received extremely positive feedback and they were extremely happy with the end result.

The quick turnaround of this project also highlighted to us all the importance of communication (as a team and also with the client). To start with there was a lack of communication between causing slight confusion over the date of deliverables, however this issue was quickly sorted out. From then on we provided the client constant on updates on the project. By maintaining good communication with the client we were able to better understand their needs and advise them on different design decisions.

“I really feel that your end product is innovative, eye-catching and perfect for our target audience.” – quote from the real job client!

Group members and roles

  • Carmen Martinez-friele – Illustrator
  • Cecilia Fraticelli– Animator
  • Joseph Cooper – Artworker

 

 

UoR Internal Library Hoardings

Background information:

Over a period of 4 years the University of Reading Library is undergoing refurbishment. The marketing team required some graphics to be made to communicate important messages to the library users.

Restated Brief:

The graphics created needed to be incredibly diverse to work in a number of different situations including at large scale to cover false walls that would be put up during the redevelopment. They needed to help ensure that students, staff, and other users remain positive throughout the redevelopment process. It was also important to our client that the designs could be easily adapted throughout the development of the library in case the timeline changed. Our team set out to create a number of different possible solutions to this problem that we could present to our client.

End outcomes/objectives:

  • Designs for temporary hoardings to be used across all floors of the library.
  • Designs to help provide information and sell the development of the library to existing and potential students for the reception area.
  • Thoughts on how the designs could be extended into other elements.

Research:

Much of our research centered around looking at the types of graphics being used in other libraries analysing how they were effective in communicating important messages to their users. We also spent time looking at how large-scale wall graphics were used, particularly finding inspiration in how timelines were used in some examples that we found.

Wayfinding was also a key point of focus in this project, as areas of the library would be closed for lengths of time and collections relocated, we also looked into innovative ways of directing library users around an environment.

We also got involved with a set of focus groups to see what students across various years thought of the library development. This gave us crucial information which we could go away and build our ideas upon. It also provided us with an insight into how people perceived the library and its redevelopment and which gave us some considerations to look into when designing our outputs.

For example in one of the focus groups which was ran, all the students agreed that they would not want the colours used within the different library floors to be altered. This was because users of library tended to spend a lot of time on one specific floor and felt comforted by the surroundings – changing these colours dramatically could potentially cause unwanted effects.

Initial Ideas:

We each took the research that we had conducted and began to develop some initial ideas separately then came together as a group to discuss and build on what we had begun to put together. These are the ideas that we came up:

Pictograms and patterns

This initial concept involved using a set of pictograms. These pictograms could be built upon on top of the existing pictograms in the university brand assets. Building upon these kept branding consistent with the university and created a system which could be easily evolve throughout the period of construction. These pictograms would then be used to create a pattern for the temporary hoardings in the library. The reason for going with a pattern it that it it helped reduce distraction to those studying in the library (reduced distractions was highlighted as an area of particular importance to students during the focus groups). Within these patterns motivational quotes or information about the library could be placed.

This system could then be easily adapted to create a simple wayfinding system for students. The wayfinding system could then be used in conjunction with a set of pictograms to create a timeline for the project, giving the students an idea on when projects should be complete. Having a wayfinding system embedded into the walls also meant the that they would be easy to follow from a distance which is important when items in the library are in temporary places in which the students wouldn’t expect to find them.

This concept also played on the fact that ‘Reading’ is spelt the same as ‘reading’. By placing this visual pun in the context of the University of Reading library, we thought it would be a simple way of making people look twice to understand the meaning. We also wanted to emphasise the fact that this redevelopment would benefit everyone and was ‘for’ the student to benefit from.

When we pitched this idea to our client liked the concept of patterned pictograms but were less keen on the copywriting. They explained that they usually tried to avoiding confusion between ‘Reading’ and ‘reading’ and they did not think that this was as strong an idea as the pictogram concept.

Initial concept for one of the temporary hoardings using patterns and pictograms.

 

Type within Type

This idea centered around using large letters and number to draw attention to important facts and instructions. These large-scale type elements could be filled with buzz-words that relate to the redevelopment project to help create a positive atmosphere and a good attitude towards the construction work.

Overall this proved to be very adaptable concept as it would be easy to change the colour scheme if necessary. We found out that it worked well alongside photographs so a wide range of media could be used. This concept could also build on top of the existing University of Reading brand guidelines as it would be based on top of the Effra typeface.

Again the client liked the concept of this but they feared that if the concept is used everywhere it could potentially be a distraction to those studying in the library.

Initial type within type mockup

 

Crosswords

This concept aimed to make the library feel like a friendly place to be. The idea was that buzzwords could be placed inside a crossword like pattern, with a goal of creating buzz and excitement about the project. Each crossword could then build on the existing colour palettes for each floor. 

A mockup of how the crossword concept could look when placed on a window

 

Developed Idea:

Following the feedback and discussions from our first pitch to the University team we settled on an approach which combined the ideas of the “Pictogram and patterns concept” and “Type within Type” concept. We then worked together as a group to bring these ideas to create one unified concept and explore other potential graphic outputs.

One output that the marketing team were particularly interested in was how graphics could be used on the windows. Placing graphics on the windows meant that the distraction caused by workers moving around the outside of the library could be lessened, however it was also important to note that it was mentioned several times in the focus groups that the library should retain as much natural light as possible.

Mock-up of how the timeline for development could be presented
A mockup of how a room on the blue library floor could look with temporary hoardings

During this development we also looked at ways that this concept could work on smaller format handouts such as posters and handouts which could be left around the University campus. These handouts would go into details about the benefits of the libraries overhaul.

How the campaign could be presented on a poster

Conclusion and cancellation:

A few days after pitching our developed idea to the client we were unfortunately informed by our client that they had decided to hand this project on to the internal University design team due to a shift in the proposed deadline date. The client however did inform us that enjoyed working with us and they thought the work that we produced was brilliant.

While it is a shame that we did not get to see this project through to completion we all learnt a lot about pitching ideas to clients and designing for large-scale print projects such as hoardings. During the research stage we learnt the importance of getting insights from people who will be affected by the designed outputs through interview methods such as focus groups. These focus groups helped us create sensible graphic outputs for a campaign which would impact many people in a negative way. We also gained more experience in working with existing brand guidelines and generating numerous ideas for a project.

Team members

  • Clara Kightley
  • Jessica Davis
  • Joseph Cooper

The Moving Form of Film Conference brochure

Background

A brochure containing the full programme, abstracts, bio notes and other information for the II IntermIdia Conference ‘The Moving Form of Film: Exploring Intermediality as a Historiographic Method’ was needed. The client was Professor Lucia Nagib, who was the conference organiser.

Panel discussion from The Moving Form of Film Conference brochure, held in November 2017

Restated brief

The brief was to design a brochure that would hold all the key information for the visitors to the conference. The brochure was required to hold a large amount of information whilst sticking to the clients tight budget, for the 100 copies they would need. Many of the conference visitors would be international, so it was iterated that the information must be clearly laid out.

As the conference was organised by FFT, and the limited budget would influence the production and printing costs of the brochure. After discussion with the client, A5 format was decided  for the brochure as due to the lower production costs and usability for the visitors. From the first meeting with the client, it was iterated to them that there would have to be an eight day design turnaround, to allow for the print time. The only requirement from the client was to use the image from the predesigned poster for the conference as the image for the front page of the brochure. In terms of the text layout inside the brochure, there were no set criteria and the client was happy for judgements to be made by the designer. The brief didn’t change throughout the project.

Initial designs and ideas

From the initial information provided by the client, it was envisioned that the brochure would come to 50-60 pages. After discussing with the client what she wanted from the brochure, and providing the necessary text and images via email, it was then time to assess the various levels of information and discuss how these may be presented.

The first necessary inclusion was a map of the university of Reading, where the three key locations had to be highlighted. The second was all the chair and panel information, of which a lot of literature was provided for. Initially a two column layout was used for the large amounts of text, to help reduce the number of pages and thus the printing costs, but due to the small format of the brochure, the line length was too short so a single column was decided. In order to minimise the number of pages it was decided that the text would flow from one page to the next providing that it adhered to orphan/widow rules. as there was little specification from the client in terms of design decisions, there was free reign over the type choice for the brochure, so it was decided that FreightSans Pro should be used due to being a clean sans serif, with high readability and modern aesthetic. FreightSans also includes a wide variety of weights which, due to various levels of information, would be needed. The third and final requirement was a contact list at the end, which would have to display the name, institution and email address of each of the conference speakers and organisers.

Developments

As the main design decisions of this job would be typographical treatment, the client was happy for judgements to be made by the designer on the typographical treatment, as long as the document remained professional. So much of the development was adjusting the paragraph style settings applied to the different levels of information to create a finished visual.

Initially a new page was given for each new panel, but this created large areas of white space, so it was decided to have the panel information running as continuous text, which helped to maintain an attractive layout to the brochure also helping to keep the number of pages used to a minimum.

Once approved by the supervisor, the client was sent a PDF of a finished draft of the brochure. Unfortunately, many of the book titles were meant to be in italics, but the style had been lost in InDesign so the entire brochure had to be edited so book titles were displayed correctly, this happened very close to the print deadline so the absolute priority was ensuring that the brochure was sent to print with all the information displayed correctly. The clients wish was to have the map of the University spanning a spread, which was what was designed, however in the test run by DPS the alignment of the lines highlighting the three key venues didn’t match, so last minute is was changed to the map being on one page with the key being on the other. Unfortunately there wasn’t time to run this by the client, due to the print schedule, aside from this the set up of the document was fine, and the brochure was sent to print for 100 copies, with the clients thanks and praise for the commitment taken to ensure the brochure would be completed in time for the conference.

In regards to the brochure cover, we decided that with the limited time scale, creating a refined design was unlikely and so using a university template along with the image that was used in the conference poster. This would provide a professional layout to the brochure cover, the use of university branding was not inappropriate due to the conference being organised by a university department.

Overall thoughts

This job has developed my confidence when interacting with people in a professional environment. My organisational skills have drastically improved due to this real job having to be completed in a week as well as working on my other design projects. Utilising InDesign’s style sheets was also a key improvement through this job, as due to the large and complex levels of information, properly set up style sheets were needed, and to also set up an InDesign document for professional printing. Liaising with DPS for the printing was a key part of this job, as the print run through highlighted an issue with the printing of the map, so the design had to be altered last minute to allow the print to run in time. Working to a tight print budget forced me to think about the text hierarchy and ways in which the information could be economically grouped together. This project has allowed me to exercise my professionalism and develop a suitable tone when engaging with my client over email, correspondence that we had regularly, due to the quick turnaround of the job. Engagement with the supervisor was key during this project as the quick turnaround meant that the normal process of a Real Job did not fit with the schedule, so developing a sense of when it was important to show the supervisor the progressing brochure was key, which allowed for more constructive feedback, as the visuals provided were more finished.

Final deliverable

Finished cover for the conference brochure
Example of an inside spread from the finished brochure

The client was happy with the final deliverable and its design. If I were to complete the project again, my main wish would be to have more time to complete the job, to allow for more feedback from the supervisor, as there was room for more refinement of the brochure, especially with the map at the front. However, considering the quick turnaround of the job, I am pleased with the design and the brochure is finished in its visual with a clear text layout is  clear. Upon receiving the finished brochure, my only concern was that the margins at the spine were slightly tight, something, that if more time was available would have been amended.

Study Smart animation

MEETING THE CLIENT

Once this job was allocated to us the first step was to contact the client. This job was part of an initiative of The University of Reading carried out by the University’s Centre for Quality Support & Development. We contacted Nicky McGrr (Open Online Course Project Manager) part of the University’s Study Advice team in order to set up our first meeting in which the client, roughly introduced us to the project and explained what our contribution would be (three videos). After reviewing our notes from that first meeting and getting a general idea of the project and the deliverables we gathered a list of questions or things we needed in order to have a complete and clear brief (see below)

Questions we have/things we need:

  • We need a specific deadline date
  • We need a list of the main illustrations for each video
  • We need a document specifying the content of the three videos not only for the sake of their structure but also for our understanding of each topic
  • We would like to have the video examples we talked about in our first meeting for inspiration
  • Is there a structure for the video you are especially keen on?
  • What is the audio for the videos? Will it be provided?

Following this meeting, we met with Yen Tu (Assistant Digital Learning Producer) who oversees the illustrative aspects of their courses. From this moment on we mainly met and reported our progress in the project to her. In our second meeting where we were able to ask the questions raised after our first meeting. Shortly after discussing the project with Yen Tu and the rest of the team, the client provided us with a written and more complete, focused brief, which also included further background information about the overall project. We then considered carefully the brief and its objectives and agreed on everything except for the deadline, which we thought left us with a very reduced time span to make changes. We then spoke to the client and moved the original deadline they suggested (31st of July) to the 14th of August. See final brief below:

 

THE BRIEF

Study Smart: Your Essential Guide To University Study

Background Information

The University of Reading created a 3-week online course: ‘Study Smart: your essential guide to University Study’, to be hosted on the digital learning platform FutureLearn. The aim of this course is to support the student’s transition to learning in Higher Education by helping them reflect on their previous learning, introduce them to the different expectations and styles of learning, and being part of an academic community.

The course was scheduled for launch in early September to coincide with the new student intake. The primary audience were first year undergraduates who are about to commence studying at the University, though it could also be used by any student as a reminder/refresher.

Objectives

The objective is to create three animated videos, approximately 2-3 minutes long. The Study Smart team intend to include one animation per week, to represent the following principles:

Week 1 – Constructing citations

Week 2 – Communication at University

Week 3 – Learning at University

Inspiration

The feel of the course is to be informative and exciting for students to watch, the client provided an example of a video for inspiration (https://www.youtube.com/watch?v=_6xlNyWPpB8). However, the client made it clear that this material was to serve as inspiration and that they did not expect the same style as they wanted us to be innovative and creative with our ideas however they were keen on the two dimensional style of the illustrations in this video

Content for videos

The Study Advice team also drafted a sample script for each week, in which key points for each video were pulled out to outline the basis of each video. These sample scripts were edited later on the project when necessary

The client also agreed to provide the full recording of the voiceover of the academic, Michelle Reid, who provided all of the voiceovers to help set the pace and tone of each animation.

Dates

All illustrations to be completed- 17th July

Week 1 animation –  24th July 

Week 2 animation – 31st July

Week 3 animation  – 7th August 

Animations to be completed- 14th August. 

 

THE DESIGN PROCESS

Once the brief was reviewed and agreed on the client sent us 3 tables, one for each video in which they suggested a series of illustrations could potentially go along the voice over of each video. This way of breaking down the videos was very helpful for us as it allowed us to create a list of illustrations for each video as well as creating a detailed story board for each animation. It could be argued that the story boards (see images below) were our way of visualising these tables and making any changes to them if necessary or more convenient for the overall flow of the video.

Video 1

    

Video 2

    

Video 3

   

Due to the nature of the three videos, we created three different scenarios in which the main character takes the viewers through all they need to know on each topic through visualising what is being said by the voice over.

The client suggested they preferred a simple, however, colourful animation style where flat colours would be employed. The first step in the process was to design the main character who would stay the same in all three videos. We suggested using a robot or alien-like character to avoid gender specification. The first main character, however, was not approved by the client and therefore we kept exploring other routes such as other robots, a monster or an astronaut. (see images below).

However, after sending these illustrations to the client their feedback was that, despite they were keen on the idea of having imaginary scenarios and characters for the videos, they preferred a more human-like main character which would still remain non-gender specific. Much like the character used in the TedTalk video they provided as inspiration. The client also asked for the main character not to have a real skin tone as well as any features that could make him more relatable to a specific race or gender, such as hair.

After receiving this feedback other options for the main character were designed (see images below ) and we suggested the inclusion of texture in some of the illustrations in order to contrast that flat solid colour feel of the illustration style.

 

 

The feedback received from the client after sending these other options was that they were very keen on the use of texture, however, they specified they wanted the main character to be quite simplistic, having a more stick man like appearance. Therefore we took a new approach to designing the main character (see images below ).

  

The client was quite pleased with this new more simplistic approach which we developed to reach the final design for the main character. We created two final options (see images below). However, the client preferred the blue skin tone as it was less alien-like.

To differentiate the videos between one another, as they have the same main character, we gave each of them a different background,  keeping, however, the same style and theme. The background is always a planet with the sky behind it. Both the planets and the skies have different textures and colours. (see images below).   

The fact that the client provided us with the three voice overs from the start, made the process simpler as it allowed us to accurately time each action in every scene.

The videos mainly display what the voice over narrates. However, the audio contained pauses in which we added some features/actions to make the whole animation more interactive and quirky. An example of these details can be seen in main character’s eyes which move depending on what happens around him and continuously blink in order to give a sense of movement. We also added features such as question marks popping up when the character is confused, or magnifying lenses when he is exploring something new. These kinds of details were carried throughout all three videos (see images below).   

Due to the context of these videos, it was also key to include some of the most important information as text. This helped make the explanations on each video clearer. We created different ways to animate the text, which helped to the overall dynamism of the animations. Some examples of these text animations are speech bubbles, text appearing on a chalkboard or laptop (see images below).

The first video took slightly longer to animate as we had to get approval for the main character and the illustration and animation style.

When we received the feedback on the first video the client often seemed quite confident in what they wanted to change or tweak. They occasionally suggested us to change features for ones they had initially thought of. However, some of these suggestions were later on discarded with mutual agreement following our recommendations to avoid confusion. An example of this was the client’s idea of using a mouse to represent the action of searching, which ended up being better represented by a magnifying glass

We did not always agree with the changes received in the feedback. However, in some instances, the client insisted on us making these modifications. For example in the first video, when the TV rolls on the screen, we initially had the text floating next to the TV. However, the client made us add a chalkboard with the text, in order for the latter not to float. We personally thought it was more unnatural to have a floating board next to the TV. (see images below).

 

LEARNING OUTCOMES

As this was our first real job, it helped us learn how relationships with the clients work, and taught us some key points that will help us in future jobs.

The clients often knew what they wanted but were open to opinions and new ideas. We found it was important to voice our opinion as in some cases we can advice the client in order to achieve a better design product. However, we learnt that if the client does not agree with an idea or feature in the work, it is, after all, the client’s product, and therefore we realised the importance of sometimes accepting these disagreements in order to provide a product closer to their needs

It is important to also keep in mind that the client might not be able to give feedback or answer questions right away. In the later stages of this project we also learnt that it might not be worth spending too much time on small details at first as the videos continuously get reviewed by the clients who not always communicate all changes at once. Therefore it is wiser to work on the main features and structures first in order to have more time to review and refine the details when the deadline starts to get closer.

It was also important to meet all our formative deadlines as leaving things last minute would have meant some of the changes the client requested could not have been made. In some cases the client also asked to see work before the deadline to allow more room for potential changes.

Lastly, during this job we also learnt the importance of continuously saving and backing up our files to allow us to go back to a previous version at any time.

Reading University Drum’n’Bass Society Branding

It has always been one of my main goals, to some day work in the music industry as a designer, and hopefully one day creative director. For the last couple of years at university, I have been chasing any work opportunity I can find around electronic music, and more specifically Drum & Bass. It would make sense that combining design with something I personally enjoy would be the ideal plan for my future as a designer.

After the end of last summer term, the Reading University Drum & Bass Society (RUDNB), asked me to create a brand identity for them, since they were planning to start organising and promoting their own events by the following October. Other than an old low-quality wordmark logo, set in the Blade Runner font, the society had no visual identity before that. I was given two weeks to not only produce the visual identity of the society, but also to create a social media presence for the brand, in order for them to be able to gain more members, and better promote their future events and activities.

The new RUDNB logo, created out of a combination of RUDNB in Open Sans Heavy Italics, and the insignia of University of Reading.

The brand identity that was created had to be dark, minimal and gritty. Bold and aggressive typography was used, along with dark photography and abstract 3D visuals, created from the new logo itself. RUDNB now had a new official Facebook page along with a Facebook group to promote member interaction, a new instagram account to share more casual and friendly photos of the members, and a new Soundcloud account, used by the Society’s DJ’s to promote student music production. All the visuals for the social media accounts were under a clear cohesive visual identity, that aimed to promote a new Drum & Bass society.

I was also tasked with managing all the social media accounts of the society for the first month or so, in order to help them grow and build a membership. There was new content being shared every other day, on all social media account, like Track & Mix of the Week competitions, edited photos of society member to fit the brand identity, promotion of music production, etc. etc. In addition to the social media accounts, a direct marketing campaign was set up through MailChimp, to target all the upcoming Fresher’s that would be joining the society in September.

Within a month of the creation of its social media presence and new brand identity, RUDNB’s Facebook account had went up to 200 likes, and the Facebook group had another 150 new members, with a lot of them taking part in in daily discussion and being active members in the society. Shortly after, the first RUDNB event night followed at great success, with people asking the society to buy T-Shirts with our logo and managed to sell more than 30 in less than a month.

All of RUDNB’s social media accounts have visuals under the new brand identity, employing B&W photography and bold aggressive typography that is modern and clean.

Overall, the new brand identity and activity seemed to work well for the society, and I’m quite happy with how the logo and visuals worked out. I was also happy to be given the chance to handle social media accounts and learn how to promote content on Facebook and Instagram, as I have always been interest in Marketing. Through the work with RUDNB, I managed to meet a lot of local promoters, that were giving me design work like flyers and social media banners for their events, which I was also happy to do, since I wanted to expand music design side of my portfolio.

Regrettably, after the last year of working with local D&B promoters and labels, I’m not sure if there’s much to be gained in terms of learning and becoming a better designer. There are a lot of problems that I did not anticipate when working within a niche, local, underground scene as a designer. Most of the promoters seem to be set in outdated ideas about how they should be promoting within the industry. Every single client I have worked with in the past year, has been micromanaging and requesting a lot of absurd obscure ideas that result in terrible design.

With a quick look to the Ivaderz or Playaz music label website, one can see how most of the D&B industry seems to be stuck in its old ways. Terrible vector art created from tracing photos, or loud obnoxious designs with 10 different fonts and all the colours they can possibly fit in, all within a 150 x 210 mm flyer. This outdated practice in design seems to have been plaguing the industry for many years now, and the local promoters are not about to change that any time soon.

This mentality seems to be linked with the industry fighting back against change of the old-school, a way to keep things the same, and a way for the local promoters to compete with the bigger international names in the scene that are growing bigger and bigger with the rise in popularity of D&B as a genre. They see to be using and embracing outdated practices both in their requested designs, but also in how they promote events.

The set of posters and promotional material for the first RUDNB event of the year. The poster was printed in A3 and shared at the society outing prior to the event, along with A5 flyers. The layout was also adaptable to be shared digitally, across different social media.

This is not to say that the whole of the industry is stuck in its ways though. There are several D&B labels that are pushing the boundaries of electronic music design, or at least D&B. Labels like Critical Records have been pushing for a composed high quality visual identity, that doesn’t go overboard with their designs, and seem to be catching up, if not on par, with other genres of electronic music that were always known for boundary-pushing design. When asked about the visual identity of Critical Records in an interview with Fabric, Kasra, the owner of Critical Record’s mentions how since the inception of the label, he’s been fighting against the cliches of the design in the music industry.

“When I started the label I knew that I wanted to combine my love of drum & bass and the culture that surrounds it with some of my punk/American underground guitar music design ethics and my penchant for more minimalistic designs facets. I’ve never really been a fan of the sci fi influenced d&b cliché to be brutally honest, you can be forward thinking without thinking futuristic or using futuristic imagery.”

But then again, he is the owner of one of currently biggest and most well known D&B record label, both in the UK and Internationally. So the problem is not really in the industry itself, but rather the smaller local promoters and music producers being stuck in the old ways of doing things, and being unwilling to catch up with an industry that is moving forward without them. What all this means for a young designer who was hoping to be part of this industry, is that sadly, unless you manage to land a job in one of the bigger names in the scene, there’s little to nothing to gain from a designer’s perspective in experience or learning, which I’m sure holds true for any small and niche industries, and not only D&B.

Some of the edited photography for RUDNB. Each DJ of the society had a promotion photo edited and used as social media profile picture for the month, to promote the launch of the new society branding. Photos were also used for the promotional mixes and music production of the DJ’s themselves.

In the past year, I have enjoyed doing some fun and creative branding work for the RUDNB society, which helped me land several other small jobs throughout the year. But after my experience with the industry, I will more than likely be changing my plans to pursue a career in the music industry as a designer, unless I can land a position as an in-house designer for one of the bigger names. Nevertheless, it has been great producing design work that was out in the public and seen, and to some extent, appreciated, by people that have an interest in the same music as me.

Looking back at  the work and interactions I had with those promoters, I have learned a great deal about what I should be willing to accept as a freelance designer when working with such clients. At the start of the year, when I was first being contacted by these promoters to produce design work, I obliged at every request for small changes and revisions that they wanted, resulting in me working extra hours that I did not originally agree to, due to be excited to start working with people of the industry I was looking to join. In the future, when receiving similar freelance work, I will be more careful when first communicating with the client and in setting the ground-rules for how and what work will be produced.

Overall, I am happy to have produced the RUDNB brand identity as I was part of the society myself, but I am also happy to have worked with those promoters while at university. It would have been much worse if I didn’t have this year’s experience and ended up landing a position with a similar music promotion company, resulting in me having a job that I wouldn’t have enjoyed. After graduation, ideally,  I will be seeking to earn a position at a branding agency, since it is one aspect of design that I’m most interested in. Maybe that will change as well in a year’s time, after I get to actually experience working there.

Reading International email templates

RJ00241: Reading International

Reading International

The initial brief set by the client (Susanne) was to design a set of email templates using MailChimp for Reading International. Reading International is based in Reading, its an art organisation which is led by the Reading School of Art at the University of Reading. It is a contemporary visual arts organisation that promotes and commissions solo exhibitions, groups and thematic shows. Through the organisation a programme of events are undertaken some of these include, performances, film screenings, workshops, talk, offsite projects and temporary public artworks.

INITIAL BRIEF
The initial brief which was set was to design cool looking email templates using MailChimp. The organisation wanted to design an e-invite that could be sent out regularly from their current MailChimp account, that was eye-catching but also matched their current branding.

CLIENT MEETING
In order to fully understand the organisation and the set brief, it was essential to arrange a meeting with my client. In order to arrange the meeting with my client I had to construct a formal which introcuded myself. The first email which I constructed to my client was the most important as this set the tone for the whole real Job. I wanted to ensure that my client trusted and respected my opinion throughout this job. 

To prepare for the meeting I created a set of questions, these were then asked within the meeting. The sorts of the questions which were asked helped me understand what my client wanted from the real job. It was important to undertake these questions to ensure that my client got the most out of the job. The following questions were asked;

  • What do your current email templates look like?
  • What do your email templates promote?
  • Do you have different email templates for each program?
  • Whats the current logo for Reading International?
  • What typefaces used currently?
  • Any competitors? What do their email templates look like?

Asking these particular questions aided me during the design process. However, due to University strikes and my client working at the University of Reading, the job was therefore delayed, although this was communicated. The job began to progress towards to the beginning of April. This therefore pushed back the initial deadline, however during the first meeting with my client this was communicated as I wanted to ensure that there was no confusion. This progress helped me understand that communicating with a client is a vita aspect. Additionally, to this as my supervisor was on strike as well It also delayed the process. However, I ensured that I kept my supervisor up to date once the strike was over.

COMMUNICATION
In the initial meeting with my client we arranged that all contact would be made through email. The designs for each template would be created on MailChimp, this would then be shared with my client. After my initial client meeting, a restated brief was undertaken. This involved stating specifically what my client wanted from the job and most importantly a schedule to organise the work that needed to be completed for the deadline.

ORIGINAL RESTATED BRIEF
The related brief concluded that three email templates would be designed on Mailchimp, which would contain one of each program. These are; exhibition/projects or events or Artlab. Alongside the deliverables a schedule was created. This was sent sent to my client through email and ensured the she read it and got back to me if anything else needed to be added or if anything was incorrect.

RESEARCH
In order to understand what other e-invite templates look like, I conducted some research to see how other competitors within this field create their templates. My client also forwarded me some emails of other organisations, this helped me understand what my client wanted from the job as well this it also ensured that I created something unique for Reading International. In addition to this, I also checked out the Reading International website to see what colours, typefaces and sort of style they currently have.

DESIGN PROCESS
Once the restated brief was approved by my supervisor and client, I then began to design aspects of each template. After looking at other organisations it was clear that everything was kept consistent. I also wanted to portray this with Reading Internationals templates. As the restated brief stated above, three templates would be created, one for each program. However, the current Reading International templates were evident that each template wasn’t differentiated. I therefore I wanted to create headings for each template to ensure that people who are subscribed to Reading International know which sort of program is being advertised.

Once these headings were deigned I then sent them to my client in order to receive feedback. This was important as it ensured that I was producing something that my client wanted. As well as this it made me understand how important it is to get constructive criticism from clients. Furthermore, after gaining feedback from my client, it was clear that she wanted to differentiate each of the programs through their layouts, instead of using headings. I did however question this because I wasn’t aware at the time if it was important for the person receiving the email to know which programs are being advertised or not. However, once discussing this with my client it was made clear that it was not as important.

 

Furthermore, during the design process my client stated how she only wanted two templates created, one for events and one for exhibitions/projects. In addition to this, she also stated how she wanted the logo to be redesigned as it previously had a cream background. However, the main website for Reading International had a white background. Therefore she wanted a logo that best reflected the brand.

Initial designs were created on Indesign using the copy text supplied by my client. This was completed in order to experiment with the different layouts. Once completed I started to transfer the different layouts onto MailChimp. However, as MailChimp is a website that has standard templates, this caused some limitations when designing layouts. After speaking to my supervisor, it was advised that I should share the templates on MailChimp with my client, instead of sending PDF’s of the draft templates made on InDesign.

InDesign Draft Exhibition/Project Template
InDesign Draft Events Template

Redesigning the logo taught me how to produce gif’s, this was something I always wanted to master but never got the chance to experiment with. The gif was produced on Photoshop using different layers. This was then placed onto the templated on MailChimp, I had to also ensure that file size was compatible with MailChimp, this involved a bit of research.

The templates were shared with my client were she was able to view the two different templates. My client expressed gratitude and asked whether or not I would be able to produce another template for a new series. I Kindly accepted this offer, however due to the restricted time that I had, this will be completed after May 14th. In addition to this, in order to keep the consistency within all the templates, guidelines will be produced to keep my client understand the design choices made. The guidelines would clearly state the typefaces used, sizes, spaces and colours.

UPDATED RESTATED BRIEF
As various aspects developed throughout the course of this real job it was important to produce an updated restated brief, which included the third template being created for my clients new series, the updated gif logo and the guidelines for each template. As the guidelines and third email template were discussed close to the original deadline, I will continue to develop these working towards a new deadline.

NEW SCHEDULE

16 Wednesday May 2018 – Third template sent to client.

17 Thursday May 2018 – Feedback from client.

21 Monday May 2018 – Guidelines produced and sent to client.

23 Wednesday May 2018 – Feedback from client on guidelines.

25 Friday May 2018 – Deadline, all files and MailChimp templates will be sent to client.

OVERVIEW
As this job has not been completed yet, I have still learnt a range of skills. These include learning how to create gifs on photoshop and learning how to use MailChimp. MailChimp was not something I was aware of until I took on this job. Using MailChimp helped me understand how email templates are created. The gif was a challenging aspects as it was not something I had done before, however gaining this experience has helped me implement this skill within my own portfolio. In addition working with my client helped me learn communication skills, such as forming professional emails, keeping my client up to date with each stage. These aspects helped me realise how important communication is when working in the design industry.