Grab a cuppa, get comfy and have a nosy around :)

Back

Work & Class

workandclass.agency

Share

Work & Class is a pioneering agency connecting brands and organisations with working-class communities. Recognising the significant underrepresentation in creative and marketing careers, they aim to bridge the gap between brands and often neglected working-class audiences. They are part of Ready Media Group. We had a great time putting together the branding and web design for Work & Class, which we developed on Webflow.

Black and white image of a person donning a hat and jacket while smoking, set against large, bold yellow text reading WORK CLASS & CLASS WORK on a black background.
Credits

Branding + UX/UI: Zoe Tang
Development: Lisa Komoltseva

Branding

A person in a Union Jack poncho gazes through binoculars beside a metal fence, with trees visible in the background. Bold yellow text on the left states, WORK & CLASS.

Our branding strategy for Work & Class was inspired by key moments of working class activism, from archival photos of the General Strike of 1926 to present-day campaigns like ‘Enough is Enough’ which addresses the cost of living crisis. We sought to encapsulate the spirit of resilience and unity by using black and white photography, putting a sepia filter on coloured photographs and using bold typography, akin to the visual language of protest signs. Bright, bold colours are employed to ensure the brand stands out loud and proud in any context.

The image features bold, overlapping text reading WORK LESS in black. The words are set against a stack of colourful rectangular layers with pink, yellow, green, and blue backgrounds. The entire design is on a black backdrop.
Three posters set against a black background. The first poster is yellow with the text 41% Posh Have Parents with University Degrees. The second poster is pink with the words The Working Class People. The third poster combines red and yellow colours and features the text The Working Class People, Community.

The colour palette also intends to convey optimism, authenticity, and vibrancy. Dominated by yellow, symbolising optimism and energy, it is complemented by bright green and orange tones that add warmth and dynamism. These are balanced with subdued hues to temper the boldness, ensuring the palette remains accessible but nuanced. The combination reflects the diverse and inclusive ethos of Work & Class, resonating with their commitment to genuine and impactful communication.

Stickers play a significant role in the brand’s visual identity, symbolising the diverse voices within the community. The varying fonts used on the stickers represent the multiplicity of perspectives, while traditional protest signs inspire the shapes. These elements are not just decorative but serve to reinforce the brand’s message of inclusivity and representation. A lot of the graphics we created for Work & Class are typographical, and the headline font is FK Screamer, a condensed, robust font, with the strength and clarity to carry bold slogans.

A yellow background featuring bold black text stating WORK & CLASS. In the bottom right corner, a small blue ellipse holds the words SMASH THE CLASS CEILING.

Text in bold on a bright yellow background reads, Want to explore a new career? Work with us. A black and white photo of a person appears next to the words. A blue oval contains the phrase, Working class and proud. Further text below references hiring a PR consultant.

Black background featuring bold, yellow text in the centre: A Creative Communications Agency for Working Class People. Above in green: We are Proud. Below in blue: We are Bold. On the right in pink: We are Loud.

Yellow background with a black rectangle displaying the text: To become the go-to creative comms agency for brands that care about connecting to working class people. A pink circle contains the text: Working class and proud.

A yellow background featuring bold black text stating WORK & CLASS. In the bottom right corner, a small blue ellipse holds the words SMASH THE CLASS CEILING.

Text in bold on a bright yellow background reads, Want to explore a new career? Work with us. A black and white photo of a person appears next to the words. A blue oval contains the phrase, Working class and proud. Further text below references hiring a PR consultant.

Black background featuring bold, yellow text in the centre: A Creative Communications Agency for Working Class People. Above in green: We are Proud. Below in blue: We are Bold. On the right in pink: We are Loud.

Yellow background with a black rectangle displaying the text: To become the go-to creative comms agency for brands that care about connecting to working class people. A pink circle contains the text: Working class and proud.

Website

Our approach to the UX/UI design and development of the Work & Class website was centred on creating a modular and responsive layout that adapts seamlessly across all devices. The website’s modular structure allows for flexible content management, enabling Work & Class to easily update and maintain their site with fresh content that continues to engage their audience effectively.

Homepage with striking yellow text WORK & CLASS on a black backdrop. To the right, two individuals are draped in UK flags; one peers through binoculars. Navigation menu includes ABOUT US, THE WORK, THE PEOPLE, and GET IN TOUCH.

A website homepage featuring a yellow background with text stating, Our campaigns amplify underrepresented voices and celebrate the rich tapestry of working-class culture. Green stickers labelled Community and blue ones saying Power are scattered around the text.

A webpage featuring a black background with a vibrant yellow grid design titled What we can do for you. It includes six sections: PR, Influencer Marketing, Organic Paid Social, Content Strategy & Creation, Community Insight, and Employee Engagement.

Black and white photo of a person in a coat and scarf, holding a broom, standing against a brick wall. Highlighted text on the right describes the working class by financial status, community connections, and cultural impact.

Two digital pamphlets in yellow and black. Left pamphlet: About Us section with a circle labelled The Work. Right pamphlet: Menu options include Home, About Us, The Work, The People, The Change, with a Get in Touch button. Both feature the title Work & Class.

Two smartphone screens display the Work & Class app. The left screen presents the apps name against a yellow background, while the right screen highlights the importance of representation for working-class individuals in creative industries.

Homepage with striking yellow text WORK & CLASS on a black backdrop. To the right, two individuals are draped in UK flags; one peers through binoculars. Navigation menu includes ABOUT US, THE WORK, THE PEOPLE, and GET IN TOUCH.

A website homepage featuring a yellow background with text stating, Our campaigns amplify underrepresented voices and celebrate the rich tapestry of working-class culture. Green stickers labelled Community and blue ones saying Power are scattered around the text.

A webpage featuring a black background with a vibrant yellow grid design titled What we can do for you. It includes six sections: PR, Influencer Marketing, Organic Paid Social, Content Strategy & Creation, Community Insight, and Employee Engagement.

Black and white photo of a person in a coat and scarf, holding a broom, standing against a brick wall. Highlighted text on the right describes the working class by financial status, community connections, and cultural impact.

Two digital pamphlets in yellow and black. Left pamphlet: About Us section with a circle labelled The Work. Right pamphlet: Menu options include Home, About Us, The Work, The People, The Change, with a Get in Touch button. Both feature the title Work & Class.

Two smartphone screens display the Work & Class app. The left screen presents the apps name against a yellow background, while the right screen highlights the importance of representation for working-class individuals in creative industries.

What a complete joy your team have been to work with. […] I’m so happy with how everything has turned out with the Work & Class branding and website. The process has been flawless and everything looks as good – NO, BETTER – than I dreamed. This isn’t just a business for me, it’s a cause / passion / mission, and I can’t thank you and your team enough for bringing it to life so perfectly.

– Laura Burch, Work & Class Founder

Related Projects

 em•paó•er

Enhancing organisational structures with DEI consultancy for agile and effective operations.

Pale purple text reads 'Firefly Advising' next to an outline of a firefly on a navy blue background
Firefly Advising

Empowering mission-driven businesses with strategic content, messaging and courageous communications.