The Production
Club
The Production Club is an audiovisual production company working with directors and photographers for brands including Ebro, Gaggenau, McDonald’s, Decathlon, Leroy Merlin and San Miguel.
VISIT WEBSITE
CONTEXT
As part of a brand refresh, I led the complete redesign of their website. I adapted the new visual identity into a digital experience that better reflected the quality of their work and made their different services easier to explore.
The challenge was to showcase a large volume of projects and talent without overwhelming visitors, give equal visibility to the work, directors and brands, and convey the company’s philosophy: doing things with purpose and caring about every detail.
PROBLEMS AND GOALS
The Production Club’s previous website had issues affecting both brand perception and user experience. These challenges defined the project’s key goals: strengthen the brand’s digital presence, align the website with its new identity, and improve navigation and overall usability.
Problems
Limited, unclear navigation
The structure restricted access to different content areas, making it difficult for visitors to find what they needed.
A dark design disconnected from the new brand identity
The colour palette and visual tone no longer matched the new identity, creating a gap between the brand’s message and the website’s impression.
Ineffective content structure
The website contained too much text and unnecessary information, making it feel cluttered, hard to scan and poorly organised.
Goals
Redesign the website and align it with the brand
Adapt the website to the new brand identity, improve navigation and give the projects the attention they deserve.
Improve the digital experience
Create an experience worthy of the company’s audiovisual portfolio.
SOLUTION
A clear, understated website designed to let the productions speak for themselves.
Clear navigation
A simple hierarchy helps visitors find content without getting lost.
Audiovisual content first
Audiovisual content stays in the foreground, supported by a hierarchy that gives it prominence.
An editorial frame
A neutral background, monospaced information and the logo as the only graphic element.
RESEARCH
I analysed audiovisual industry references and similar production companies to identify navigation patterns, visual content presentation and relevant design approaches.
Pure Cinema Productions
- Full-screen video from the first second
- A three-item menu
- Generous white space
Levector
- Full-screen project carousel
- Navigation stays visible while scrolling
- Consistent colour scheme: dark with an accent
Yutopia Films
- The homepage acts as a portfolio index
- Each project has its own colour and identity, making navigation easier
Canada
- The homepage presents a continuous sequence of projects with brief directing credits
- Navigation reduced to the essentials
Insights
Prioritise audiovisual content over text; keep the menu short and direct.
Persistent navigation keeps the key sections within reach.
Make each section feel like a clear, distinct category.
A clean sequence of projects, without visual noise and with a brief credit per project, is the industry standard.
After the research and heuristic analysis, the next step was to turn the findings into a clear understanding of the users and what they need from the website.
What is the main task?
Find relevant audiovisual work to assess whether the production company fits their project before getting in touch.
What counts as success?
Visitors arrive, find the section they need in seconds and explore the work without difficulty.
What do users need?
Understand the offer, explore relevant work effortlessly and feel confident that The Production Club is the right choice.
Who are the main users?
Agencies and brands looking for talent or production services, alongside prospective clients assessing the portfolio.
How should the new brand be reflected?
The new identity should be consistent throughout the experience, making the website a natural extension of the brand rather than a separate entity.
What should the website convey?
The brand’s personality, quality and expertise through a clear, intuitive and effortless user experience.
DESIGN DECISIONS
How can The Production Club’s work be presented clearly, visually and in a way that is easy to explore?
The approach prioritises projects, makes visual exploration easier, gives each piece clear context and keeps the brand identity present throughout the experience.
Projects first
The Production Club’s projects take centre stage so visitors can assess the work immediately.
Home · Films · Photo
Simple visual exploration
An easy-to-browse visual structure helps visitors quickly find the most relevant projects.
Grid · Project view
Clear context for every project
Key information, including the director and brand, appears from the start to explain each project and its relevance.
Project cards · Visible credits
The brand throughout the experience
The new identity is integrated into typography, composition, motion and visual language.
Visual system · Typography · Animation
CONCLUSION
The Production Club’s new website replaces a crowded catalogue with an understated editorial frame where the work speaks for itself. Navigation is shorter and clearer, the identity remains consistent throughout, and agencies and brands can find relevant projects in seconds and decide whether the company is a good fit.
Learnings
The challenge was removing, rather than adding
Removing text, effects and graphics to give each piece room meant justifying every element that remained. Restraint is also a design decision.
An identity needs translating
Bringing the new brand aesthetic into digital meant deciding how it behaves in motion, while scrolling and on small screens, beyond simply applying colours and type.
Several audiences, one hierarchy
Giving equal visibility to work, directors and brands required priorities: the project as the entry point, with context such as director and brand as a secondary but always visible layer.
Mobile puts the structure to the test
Exploring mobile alongside desktop helped test whether the hierarchy and navigation also worked with less space, beyond adapting the layout.
Next steps
Measure real usage
Analyse which projects receive the most views, how far visitors browse the gallery and how many visits lead to contact.
Validate with users
Run quick tests with agencies to check that they can find relevant work without help.
