Category: homepage

Jamal Harewood: Project Freedom

Background

Jamal Harewood is an activist who sets out to share his vision of race and identity through workshops around England. He is currently undergoing a freedom workshop that seeks to redefine the term ‘freedom’ by discussing each individual in the workshop—participants brought in different perspectives and Fresh insight onto specific topics free from any judgement and authenticity.

On the 27th of January, Jamal Harewood led an audience-based workshop, ‘Project Freedom’, in Minghella Studios theatre Reading university. It comprises a diverse number of students that seek to redefine freedom on their terms. The workshop was a playful experience where participants were encouraged to discuss and share their views and opposition to different themes and activities. Each individual created a new definition of freedom and a pledge to follow through. Overall, the workshop brought a collective of ideas together.

The premise of this real job is to document the workshop and create deliverables that would suit Jamal’s brand and idea. He wanted to write about the unique experience of this temporary community and show the discussions and interpretations of each individual.

Restated brief

GOALS

After we document our client’s workshop ‘Project freedom’ and his interactions with the audience, we are tasked to create a booklet and UX blog post that include the wide range of diverse experiences and definitions of freedom from the participants. The audience is the focal point of the workshop, so it is important to make the deliverables as personal as possible, not only showing their ideas but their performances and behaviour.

Our Brief main goal is to offer attendees an opportunity to revisit their experiences in Jamal’s workshop. They would be able to look through the deliverables and find quotes and thought that they said at the workshop. Although we would only be able to document one workshop, Jamal would like to carry out this project in other workshops, thereby using this deliverable as a template for future workshops and making a profit from the booklet independently.

 DELIVERABLES

  1. Booklet.
  2. Booklet template. Amendable Canva template for client’s upcoming workshops
  3. Blog post prototype.

Research and ideation

One of the primary branding guidelines Jamal gave us was to involve the colour black. Initially, he wanted the book page to be black but having an all-black book would not be legible with some research and inspiration, we were able to find what works for Jamals.

For inspiration, Jannah and I started looking at different design idea platforms such as Pinterest and Behance. We looked at different layouts and formats of presenting texts and theme pages. We found some booklets that integrated box shapes into the body text while acting as a filler; This helped because the body text of the booklet isn’t heavy, so it was important to find a way to show the text without the book looking empty.

We understood that for this deliverable to be genuinely successful, we needed to have colours that would resonate with Jamal and his brand. When researching, the colour yellow with black caught our eyes the most. The cheerful and eye-catching hues of yellows are balanced by the more sober and sophisticated shades of black. Black and yellow branding worked well as these two colours were balanced and contrasted.

We set out to not only look for design inspirations but a colour scheme for Jamal to use across the different workshops. The colours you use in your branding and design are more than just a matter of aesthetics. Is your brand exclusive, accessible, friendly, cheerful, or mysterious? Your choice of colours reflects what your brand stands for and what customers associate with it. Understanding Jamal and the type of brand he wants to represent was one of the primary key points noted when choosing inspirations online.

Due to the nature of this project, we had to find a way for Jamal to distinguish his booklets across different workshops. We thought of the idea of using colours to differentiate but keeping the layout and the design of the booklet the same would be helpful for Jamal to design his booklet without the need for designers. So when users see the different branding colours, they would be able to associate the colour with the various workshops.

Design Development

Jamal Harewood gave us complete creative control however, he wanted the primary colour for his deliverables to be black. This was because his brand identity is black with a maze and fist logo showing his connection to the BLM movement. He wanted his brand identity to be applied to his printed booklet and blog post for a consistent brand identity. We explored different colour palettes that will complement the key colours (black and white) the client has requested to be used throughout each deliverable.

Front cover

This was my first draft for the book cover. The layout was nice and exciting, but it had a stern look and did not fit Jamal’s brand. However, the design had a sophisticated look similar to a journal, which contrasted Jamal’sbrand for the booklet is meant to be playful and inviting. The structures are shown in different colours to give Jamal an idea of how we would represent his various workshops. The coloured box represents a door revealing the theme; it helps viewers know what to expect when coming to the workshop.

For the second book cover design, I played around with making the cover as friendly and as inviting as possible. However, it was typographically right. The title of the book, being vertical, was not legible, and there were too many different text formats that did not complement each other. This resulted in a lack of proper hierarchy in the text and could confuse users.

Jannah’sdesigns were interesting as they also played around with the vertical and diagonal layout for the text, but the background felt like something was missing. Jannah’ssecond draft also had the issue of being sophisticated and not fitting Jamal’spersonality or the playfulness of the workshop.

To move further, we decided to combine the best elements of our designs into one to create Jamal’s book cover. However, nothing on the book cover represented Jamal or his brand apart from his name. I suggested using the maze design and adding it to the book cover’s background, which worked well to show Jamal’s brand. I explored different layouts and formats for the maze design.

As we move further into the book cover development, Jamal told us he preferred the white background with the black maze line. we agreed with him because it was neater and more visually appealing when combined with the other book cover element

 

We took out the theme title from the front page because we did not want to give much away to viewers when looking at the cover. The final book page works because there is a clear visual hierarchy. Jamal likes the book cover format because it is clear and playful while complementing his brand.

Inside Pages

Jamal did not want to include photos of the participants, so we had to find a way to represent the theme or show the activities in the workshop. This part of the project was split into two, with Jannah designing the booklet’s illustrations and Theme page and I handling the Book text layout and photomontage. This idea was because we wanted each design element to have a consistent design style.

Book Illustration

 

The illustrations represent the themes; they have a youthful look as the target audience is young adults. They have the same line length as the maze design because we wanted to follow through with consistency. Adding this illustration gives the book more volume and makes the book pages more attractive. The illustration has a symbolic meaning as it represents the different activities in the workshop.

Theme Page

When designing the theme page, we added time and text however, this element did not work because it made the theme page complicated and was not necessary. Separating each piece on the theme page made the book bulky and showed each element on its own.

We used the image above as the final design because of the apparent visual hierarchy. The use of yellow and white shows visual hierarchy and highlights the critical word in the text. The illustration represents the theme and is connected to the next page with a yellow box. We found the connecting shape helpful in linking the two pages together.

Photo Gallery

The photo montage gave the book a personal touch and helped viewers understand what happened in the workshop. Participants can see their writing and help push further the idea that this workshop was audience led.

Body Text

The body text wasn’t heavy, so it was essential not to make each body text page look empty or isolated. With this idea, each booklet element is highlighted, and the text stands out on its own, with the text box adding vibrance and giving the book format a consistent look to the theme and number page.

What is Freedom?

Eric Garner "I Can't Breathe" Tribute Typography Poster - Greg Bunbury Graphic Designer for Social Impact
I cant Breath Poster by Eric Garner

Jamal Harewood is an activist and supports the BLM. This idealogy was implemented in the Freedom posters designed on the last page of the booklet.  The freedom poster is designed similarly to the BLM ‘I can’t breathe’ poster by Eric Garner. This would help viewers identify Jamal’s support and appreciation for design in BLM.

Maze Collage

During our first meeting with Jamal, he stated he wanted to develop a brand mark from the client’s logo and translate this onto the opening and closing pages of the booklet. The maze design is a collage of Jamal logo design; there are two different maze designs, one that is used on the front cover and the other that is used on the inside pages. The front cover maze design lets the viewer know that this booklet is under Jamal’s brand.

The maze collage acts as a filler, for the booklet introduction and ending. it also helps us go further in the branding technique than just the front book cover. it is presented diagonally with five logo designs in a row. Jamal liked this layout because the logo design was not big and the layout was much more dynamic compared to the other maze designs.

 Website

Participants who are not able to visit the workshop would be able to look at the blog post. The blog post is designed in cohesion with a booklet layout for clients to implement onto their website. It was designed on Adobe XD with Jannah overseeing the design. The blog post design has the same design elements as the booklet, so few developments or changes were made. We did look at the consistency of spacing and how viewers would navigate through the blog post.

One of my favourite design elements on the blog is the maze background with the black box. it follows the format and layout of the front cover, which is helpful in consistent branding.

Final stages

The main goal of this project was for Jamal to be able to print and redesign this booklet on his own. We informed him about printing in the department and the process of printing at home. Informing him of the cons and Pros, Jamal decided to print at home after much analysis as it is more cost-effective and personal.

Since we were designing on canvas, we learned how to create and show bleed and crop marks on the canvas. Though it was slightly more straightforward, it was not as customizable as doing it on InDesign.

The printing aspect of this project allowed us to look at flaws that we overlooked while designing on canvas, such as alignment issues, spacing issues, etc. however, such cases were few. The printing of the project was successful because the booklet looked relatively similar on the screen to the print, with the colours complementing each other, the font size being readable, and the illustrations looking presentable.

Reflection

As this project progressed, I understood how vital group work is when both partners play through their strengths. As time went on, it became clear to me that working with a partner who has a different design style yet similar mindset as you is helpful. We explored different styles and illustrations while barely having conflicts because we communicated effectively and ensured that everyone’s opinions were valid as we went through the project.

Overall, the design process of this booklet was enjoyable as we made sure to include Jamal at every step after our supervisor had approved it. Each design element was explained to Jamal and why such detail works with his booklet, and if he wanted any changes, it was noted and implemented immediately. However, such changes were few because he trusted our designs and believed we understood him as a person and knew what kind of designs he wanted.

Mock up of Project Freedom Booklet
Mock Up of Jamal Harewood Project Freedom booklet

MagCulture Trip 2022

During the Autumn term, the Department organised and paid for a trip for the Part 3s to go to London and visit the MagCulture. Not only were we immersed in inspiration for our own magazine designs and concepts, but we also enjoyed a talk from Jeremy Leslie about the current state of the independent magazine scene. After the talk and trip were done, the year went out together as a Department social in London. With train tickets provided by the department through the Typography Student Fund we were able to get out of the building and experience magazine world in its fullest form.

During Jeremy’s talk, he showed us a range of current trends and creative ideas… to to the extremes of a single plank of wood being sold as a magazine! He opened up his shop to us, which covered every genre in the magazine world, where we were allowed to browse, take pictures and experience the materiality of these objects firsthand. Take a look at their instagram for inspiration: https://www.instagram.com/magculture/

From all of us in Part 3, I would like to thank Sara and Rob for organising this trip. We’d also like to thank all the clients from Real Jobs who have donated to the Typography Student Fund, making an educational event fun.

 

Cover Inspo


Inside pages Inspo

 

Looking at women looking at themselves being looked at

9 June – 9 September 2022

This exhibition, now open in the Department of Typography & Graphic Communication, explores the concept of the male gaze in twentieth-century British illustration, and is curated by Cătălina Zlotea.

The exhibition analyses the work of the British illustrator, Charles Mozley (1914–1991), through a contemporary lens. It does so by foregrounding two female stereotypes depicted in advertisements, ephemera, and fine art lithographs made by Mozley between the late 1940s and the early 1980s. The exhibition arrangement creates contrast and conflict between the image of the middle-class “virtuous” woman – a virgin goddess placed on a pedestal – and the “loose” woman – an anonymous sex object signalled through hair colour and scanty clothing. This female presence, recurrent in Mozley’s work, demonstrates the quality of the artist’s draughtsmanship while connoting middle-class masculine virtues, follies, and sexual desires. 

The exhibition is open weekdays, 10 am to 5 pm. Closed bank holidays.

About Charles Mozley

Charles Mozley was born in Sheffield where he studied painting and drawing at the Sheffield College of Arts and Crafts. In 1933 he won a scholarship from the Royal College of Art and moved to London to study painting. After graduating, he taught life drawing, anatomy, and lithography at Camberwell School of Arts and Crafts. Following the Second World War and for the rest of his career, he worked as a freelance artist. 

Prolific and versatile, Mozley was among the artists commissioned by Frank Pick and Jack Beddington for prestigious London Transport and Shell-Mex advertising campaigns. He also created designs for the advertising agency Colman, Prentis & Varley, for theatre and film production companies, and for many British publishers. He painted a mural for the Festival of Britain, contributed to the popular “School Prints” and “Lyons Lithographs” series, and produced ephemera for restaurants and the wine trade. Alongside commercial work, Mozley continuously painted, made prints, and exhibited in solo and group shows. 

The long list of commissions, as well as the works held by the Charles Mozley Trust, provide evidence that Mozley’s pictures were widely seen in Britain in the second half of the twentieth century. As Nicolas Barker has remarked, Mozley’s work is “a graphic-mirror of the post-war era”, making it a valuable resource for the study of visual culture.

Credits

Curator: Cătălina Zlotea
Exhibition design: Cătălina Zlotea, Hannah Smith
Exhibition consultant: Eric Kindel
Archive consultant: Sallie Morris
Production: Geoff Wyeth

Thanks to the Charles Mozley Trust, which has supported this exhibition and the doctoral research by Cătălina Zlotea that informs it.

Installation

Selected works by Charles Mozley highlighting key projects.
Overview of the exhibition space contrasting the “loose” woman and the “virtuous” woman, as subjected to the male gaze.
Illustrations by Mozley depicting the “loose” woman.
Illustrations by Mozley depicting the “virtuous” woman.

Designing a brand onboarding system with Bottomline Technologies

Amrita Shrilal has been involved in an exciting new collaboration with Bottomline Technologies this past year. Amrita is one of our MA Communication Design Graphic Design Pathway students graduating this week. She’s also a BA Graphic Communication (Hons) alumnus.

Bottomline focuses on transforming complex business payments and processes into simple, smart, and secure systems. They work with financial companies and institutions globally, and are widely recognised as a payment and collections enterprise. They have banking relations with global banks, UK banks and, building societies, growth banks and payment service providers.

A young woman smiling. She has long dark hair and is wearing a striped top.
Amrita Shrilal (MACD class of 2021)

Amrita has a particular passion for user interface design. To develop experience in user interface design for the financial sector, she undertook a design brief for Bottomline’s Head of UX Design (EMEA), Kellie White and, Senior UX Designer and Reading alum, Matthew Standage for her MA professional practice assignment. Dr Jeanne-Louise Moys, MACD Graphic Design and Information Design Pathway lead, supervised her project.

The brief gave Amrita the opportunity to explore approaches to designing a system that allows customers of different-sized businesses to customise the interface design, of a particular product, to match their brand needs. The challenging aspect of the brief was creating a seamless and easy process of designing elements of pages for customers with different levels of expertise on brand and webpage design. It required her to consider ways of presenting complex information and processes in a more straightforward method for end-users. Her design decisions were supported by her research into UX design, market competitors and the development of personas which helped her understand the user and business needs.

Amrita said: “I enjoyed this project as it was different from all the other UX projects I had done in the bachelor programme. It focused on Business-to-Business (B2B) rather than Business-to-Customers (B2C) which is more complex as you need to consider not just the user’s goals but different types of business capabilities and interests. I had to think about how a particular organisation could utilise or benefit from the features of the system to make their process of designing the web interface a seamless experience.”

The outcome of this project was a prototype of an interface system that allows businesses to brand themselves within Bottomline’s products. It considers different user design needs and attempts to make the process of designing interfaces straightforward to those who are not familiar with design conventions or terminology. Some of the features within the system included editing the colour scheme, text styles and button styles.

Animation showing functionality within the project
Process of uploading the brand logo and ability to view the placement of these elements in different pages.

Reflecting on the project, Amrita said: “the project was a stimulating experience as I had to think about different user perceptions of design elements. I had to constantly ask myself whether it would be easily understood by someone without any design experience. Despite that, I enjoyed the opportunity to collaborate with Bottomline on an ongoing project and it helped develop my understanding of UX/UI design”.

Kellie White said: “Amrita did a fantastic job of taking a complex problem and making it simple, a difficult task to accomplish. She worked well to align to good UX process throughout, from research through to ideation and user testing. I was thrilled with the outcome, she achieved a well thought out design solution and growth in her UX skillset through the experience. Well done Amrita! We look forward to future collaboration with the Department.”

Matthew Standage added: “It was a pleasure to collaborate with Amrita and the Department on a professional practice brief. We were not only impressed with the overall quality of the outcome, but also the thorough research and design thinking that went into the process. One of the common challenges in B2B user-experience is striking the balance between complexity and flexibility. The work Amrita produced solves this problem well, using both visual and interaction design techniques to progressively disclose more advanced options to the user and provide guidance when necessary. We look forward to seeing how we can integrate her work and thinking into future product releases.”

This project is the first collaboration between Bottomline and the Department of Typography & Communication. We look forward to exploring new briefs with them for our postgraduate students to work on in the future.

We also look forward to welcoming Matthew back in January for the two-day “Branding and user experience” workshop that he leads for our MA Graphic Design and Information Design pathway students in the spring term.

Think Rethink – our graduate degree show – REGISTER NOW!

I wanted to take a moment, in the calm before the storm, to thank our wonderful team of Part 3 students working hard to deliver our degree show on Thursday 17 June.

This is our first year hosting our show online, and the students are learning new skills on the fly in an incredibly fast-moving field. The event is completely student-led, from the branding through to the final delivery. Reading has always had great strength in allowing students to experience a range of real world professional experiences as part of their studies, and for degree show team this is more true than ever.

If you haven’t already registered for the show, you can do so at thinkrethink.design, or directly via this link.

The show is traditionally a time when new graduates, employers, parents, alumni, staff and younger students come together to celebrate not only the graduating class, but everything that the Department represents. Looking at the list of registered attendees, it seems we will keep that atmosphere going in the switch to online. I’m looking forward to seeing so many people from our community on the night.

So well done to Alex Ganczarski, Caitlin Wilson, Rory Tellam, Edoardo Sarli, Matt Dawson and Darcie Richmond. Your work for your peers, and for the wider Reading Typography community is greatly appreciated. The design work looks wonderful, the attention to detail is fantastic, and your dedication to making an impact on the future careers of all your friends has been inspiring.

Roll on Thursday!