CASE STUDY

Media Monty

Website Design & Build

Web Design · Development · Wordpress

A conversion-focused website for a broadcast-quality video production company.

LAUNCH WEBSITE

Tools

Figma ∙ Whimsical ∙ Elementor Pro

Industry

Creative Business

Timeline

6 Weeks

01.

PROJECT OVERVIEW

Premium work. Premium presence.

Media Monty is a video production company specialising in interviews, documentary storytelling, and purposeful content. This project involved crafting a digital platform that showcased their portfolio, streamlined client engagement, and drove new business opportunities.

Potential clients needed to see the calibre of the work; and know exactly how to take the next step.

Media Monty had a strong reputation and an impressive portfolio.
The brief was driven by ambition.


With a growing client list, a new service launch, and a clear vision for the brand’s future, the challenge was creating a platform that showcased the work, clearly presented services, and guided the right clients toward taking action.

Media Monty had a strong reputation and an impressive portfolio.
The brief was driven by ambition.


With a growing client list, a new service launch, and a clear vision for the brand’s future, the challenge was creating a platform that showcased the work, clearly presented services, and guided the right clients toward taking action.

Media Monty had a strong reputation and an impressive portfolio. The brief was driven by ambition.


With a growing client list, a new service launch, and a clear vision for the brand’s future, the challenge was creating a platform that showcased the work, clearly presented services, and guided the right clients toward taking action.

02.

02.

02.

PROBLEM IDENTIFICATION

PROBLEM IDENTIFICATION

03.

DEFINING THE DIRECTION

A potential client landing on the Media Monty website needs to quickly understand what the company does, trust the quality of the work, and know how to take the next step. The platform also needed to serve returning clients, making it easy for them to access information and engage with the team.

CLIENT needs

Immediate Clarity
Know within seconds what Media Monty does and why they should trust them.

Immediate Clarity
Know within seconds what Media Monty does and why they should trust them.

Immediate Clarity
Know within seconds what Media Monty does and why they should trust them.

Proof of Quality
See real work before committing to a conversation.

Proof of Quality
See real work before committing to a conversation.

Proof of Quality
See real work before committing to a conversation.

Services and Pricing

Understand the full scope of each service, what's included and what it costs

Services and Pricing

Understand the full scope of each service, what's included and what it costs

Services and Pricing

Understand the full scope of each service, what's included and what it costs

"Media Monty Presents"
Discover a new service and understand what it offers.

"Media Monty Presents"
Discover a new service and understand what it offers.

"Media Monty Presents"
Discover a new service and understand what it offers.

A Next Step
A visitor ready to reach out should find the contact details immediately, wherever they are on the site.

A Next Step
A visitor ready to reach out should find the contact details immediately, wherever they are on the site.

A Next Step
A visitor ready to reach out should find the contact details immediately, wherever they are on the site.

My Approach

Homepage that Earns Trust

Everything a potential client needs to trust the brand, understand the offer and feel confident reaching out.

Homepage that Earns Trust

Everything a potential client needs to trust the brand, understand the offer and feel confident reaching out.

Homepage that Earns Trust

Everything a potential client needs to trust the brand, understand the offer and feel confident reaching out.

Dedicated Case Study Pages
Each project showcased in depth, giving visitors something concrete to reference.

Dedicated Case Study Pages
Each project showcased in depth, giving visitors something concrete to reference.

Dedicated Case Study Pages
Each project showcased in depth, giving visitors something concrete to reference.

Integrated Pricing
Pricing packages built in, so visitors leave informed and ready to make a decision.

Integrated Pricing
Pricing packages built in, so visitors leave informed and ready to make a decision.

Integrated Pricing
Pricing packages built in, so visitors leave informed and ready to make a decision.

Standalone Interviews Service
Its own identity positioning Media Monty Presents as a distinct, broadcast-quality service.

Standalone Interviews Service
Its own identity positioning Media Monty Presents as a distinct, broadcast-quality service.

Standalone Interviews Service
Its own identity positioning Media Monty Presents as a distinct, broadcast-quality service.

Clear Path to Contact

Prominent calls to action and contact information accessible throughout the site.

Clear Path to Contact

Prominent calls to action and contact information accessible throughout the site.

Clear Path to Contact

Prominent calls to action and contact information accessible throughout the site.

Needs were defined through client discovery conversations and strategic analysis of the business goals, target audience and competitive landscape.

Needs were defined through client discovery conversations and strategic analysis of the business goals, target audience and competitive landscape.

Needs were defined through client discovery conversations and strategic analysis of the business goals, target audience and competitive landscape.

05.

DESIGN DECISIONS

Built to be found, designed to convert.

The site needed to reflect the quality of Media Monty's work while making it effortless for potential clients to take the next step. Every decision was made with both in mind.

Conversion-led Hero Section

The hero leads with a bold, conversion-focused headline and two clear CTAs: one to view the work, one to start a project.

WHY

The hero sets the tone for everything that follows. The language was written with conversion and SEO in mind: clear, direct and keyword-rich, so the site works for visitors arriving organically and those referred directly.

01

Leading with Credibility

A client logo strip placed early on the homepage, featuring recognisable names from across Media Monty's portfolio.

WHY

For a video production company, the names behind the work carry as much weight as the work itself. Recognisable logos build immediate credibility and signal the calibre of clients Media Monty works with; before a visitor has even scrolled to the services.

02

Launching Media Monty Presents

A dedicated homepage section introducing Media Monty Presents as a new standalone service, anchored by the first published interview embedded directly on the page.

WHY

Launching a new service needs more than a menu link. Featuring it on the homepage with a real video does two things at once: introduces the service and immediately demonstrates the quality of the output.

03

A Visual-First Services Grid

Services are presented in a bento-style card grid: varied sizes, image-led, with alternating navy and teal backgrounds. Each card links to a dedicated service page.

WHY

A grid of image-led cards reflects the visual nature of the industry while keeping the layout modern and scannable. The bento format creates natural hierarchy: drawing the eye to featured services without overwhelming the visitor.

04

Transparent Pricing

Each service page includes three clearly structured pricing tiers: name, price, what's included, add-ons and a direct Book Now CTA.

WHY

Pricing transparency removes one of the biggest barriers to contact. Structured tiers help clients self-select the right package and arrive at the conversation already informed: reducing friction and improving conversion.

05

Three Paths to Contact

The contact page offers three options: a simple form for early-stage enquiries, a multi-step project form for clients with a brief ready, and a Calendly button for direct meeting booking.

WHY

A single contact form puts the burden on the visitor to figure out what to say. Separating the options removes that friction: a simple form for those still figuring it out, a detailed project form for those ready to brief, and a direct booking for those who just want to talk.

06

06.

MOODBOARD

Research into modern creative agencies and production companies informed the visual direction: ensuring the final design felt current and competitive in an industry where first impressions determine whether a potential client stays or leaves.

Research into modern creative agencies and production companies informed the visual direction: ensuring the final design felt current and competitive in an industry where first impressions determine whether a potential client stays or leaves.

Research into modern creative agencies and production companies informed the visual direction: ensuring the final design felt current and competitive in an industry where first impressions determine whether a potential client stays or leaves.

07.

STRUCTURE & INTERACTION

STRUCTURE & INTERACTION

The site was planned across six core sections: Services, Case Studies, About Us, Media Monty Presents, Contact, and a Homepage designed to tie it all together.


Low-fidelity wireframes then translated that structure into layout and interaction, establishing how each page would function before any visual design began.

The site was planned across six core sections: Services, Case Studies, About Us, Media Monty Presents, Contact, and a Homepage designed to tie it all together.


Low-fidelity wireframes then translated that structure into layout and interaction, establishing how each page would function before any visual design began.

The site was planned across six core sections: Services, Case Studies, About Us, Media Monty Presents, Contact, and a Homepage designed to tie it all together.


Low-fidelity wireframes then translated that structure into layout and interaction, establishing how each page would function before any visual design began.

06.

VISUAL IDENTITY

A digital refinement of Media Monty's existing brand: adapting colour, typography and UI components for screen. The visual language needed to feel creative enough to appeal to ambitious brands, while remaining trustworthy and professional for the core client base.

A digital refinement of Media Monty's existing brand: adapting colour, typography and UI components for screen. The visual language needed to feel creative enough to appeal to ambitious brands, while remaining trustworthy and professional for the core client base.

A digital refinement of Media Monty's existing brand: adapting colour, typography and UI components for screen. The visual language needed to feel creative enough to appeal to ambitious brands, while remaining trustworthy and professional for the core client base.

Midnight

Primary - 60%

CONFIDENT ∙ HONEST

#151E3F

Case Study Template

Case Study Template

A clean, editorial layout with alternating full-width imagery and text sections creates a natural reading flow for every case study.

The embedded video at the results stage lands at the moment a potential client is most convinced, turning the page into a direct demonstration of the work rather than a description of it.

DEVELOPMENT ☆ DEVELOPMENT ☆ DEVELOPMENT ☆
DEVELOPMENT ☆ DEVELOPMENT ☆ DEVELOPMENT ☆
DEVELOPMENT ☆ DEVELOPMENT ☆ DEVELOPMENT ☆
DEVELOPMENT ☆ DEVELOPMENT ☆ DEVELOPMENT ☆
DEVELOPMENT ☆ DEVELOPMENT ☆ DEVELOPMENT ☆
DEVELOPMENT ☆ DEVELOPMENT ☆ DEVELOPMENT ☆
07.

BUILDING THE WEBSITE

Wordpress + Elementor

WordPress was chosen for its flexibility and widespread familiarity, giving the client a platform they could manage independently from day one. Elementor Pro's visual builder allowed the design to be translated into code with precision, keeping the final result as close to the original designs as possible.


A custom CMS was set up to make content management straightforward: new case studies, service pages and content can be added without touching a single line of code. This gives Media Monty a website they can grow at their own pace, without relying on a developer for every update.

WordPress was chosen for its flexibility and widespread familiarity, giving the client a platform they could manage independently from day one. Elementor Pro's visual builder allowed the design to be translated into code with precision, keeping the final result as close to the original designs as possible.


A custom CMS was set up to make content management straightforward: new case studies, service pages and content can be added without touching a single line of code. This gives Media Monty a website they can grow at their own pace, without relying on a developer for every update.

WordPress was chosen for its flexibility and widespread familiarity, giving the client a platform they could manage independently from day one. Elementor Pro's visual builder allowed the design to be translated into code with precision, keeping the final result as close to the original designs as possible.


A custom CMS was set up to make content management straightforward: new case studies, service pages and content can be added without touching a single line of code. This gives Media Monty a website they can grow at their own pace, without relying on a developer for every update.

08.

FEEDBACK

FEEDBACK

The site launched to positive reception: functional, clear and easy to navigate.


The main recurring note from industry peers was that the design felt slightly too corporate for a creative production company.

The site launched to positive reception: functional, clear and easy to navigate.


The main recurring note from industry peers was that the design felt slightly too corporate for a creative production company.

The site launched to positive reception: functional, clear and easy to navigate.


The main recurring note from industry peers was that the design felt slightly too corporate for a creative production company.

Next Steps:

The next iteration will focus on adding personality through motion, bringing in creative energy without compromising the professional feel the core client base expects.

Next Steps:

The next iteration will focus on adding personality through motion, bringing in creative energy without compromising the professional feel the core client base expects.

Next Steps:

The next iteration will focus on adding personality through motion, bringing in creative energy without compromising the professional feel the core client base expects.

Custom cursor
A branded cursor to add a distinctive, creative touch.

Custom cursor
A branded cursor to add a distinctive, creative touch.

Custom cursor
A branded cursor to add a distinctive, creative touch.

Microinteractions
Subtle animations on hover states and UI elements.

Microinteractions
Subtle animations on hover states and UI elements.

Microinteractions
Subtle animations on hover states and UI elements.

Animated Transitions
Smooth page and section transitions to add flow.

Animated Transitions
Smooth page and section transitions to add flow.

Animated Transitions
Smooth page and section transitions to add flow.

Refined UI details
Button styles and small design details updated to feel less corporate, more creative.

Refined UI details
Button styles and small design details updated to feel less corporate, more creative.

Refined UI details
Button styles and small design details updated to feel less corporate, more creative.

Feedback gathered from industry professionals in the film

and media production sector.

Feedback gathered from industry professionals in the film

and media production sector.

Feedback gathered from industry professionals in the film

and media production sector.

THE RESULT ☆ THE RESULT ☆ THE RESULT ☆
THE RESULT ☆ THE RESULT ☆ THE RESULT ☆

08.

THE IMPACT

The site brings Media Monty’s work together into a single, cohesive platform, making the scale, quality and breadth of projects immediately visible to potential clients and partners.

The site brings Media Monty’s work together into a single, cohesive platform, making the scale, quality and breadth of projects immediately visible to potential clients and partners.

Visibility

Built to support business growth. Transparent pricing, clearly defined services and multiple contact pathways make it easier for the right clients to understand the offer and confidently get in touch.

Built to support business growth. Transparent pricing, clearly defined services and multiple contact pathways make it easier for the right clients to understand the offer and confidently get in touch.

Conversion

A polished, professional digital presence that reflects the quality of the production work and earns the trust of clients from the first visit.

A polished, professional digital presence that reflects the quality of the production work and earns the trust of clients from the first visit.

Credibility

08.

THE IMPACT

The site brings Media Monty’s work together into a single, cohesive platform, making the scale, quality and breadth of projects immediately visible to potential clients and partners.

Visibility

Built to support business growth. Transparent pricing, clearly defined services and multiple contact pathways make it easier for the right clients to understand the offer and confidently get in touch.

Conversion

A polished, professional digital presence that reflects the quality of the production work and earns the trust of clients from the first visit.

Credibility

La Consentida

View Previous

Harmony Alliance

View Next

Want something like this for your project?

Let's chat

Whether you’re starting fresh or improving something existing, I’ll help turn it into a website or app that looks good, works well, and is easy to use.

Get in touch

BROWSE MORE PROJECTS

Want something
like this for
your project?

Let's chat

Whether you’re starting fresh or improving something existing, I’ll help turn it into a website or app that looks good, works well, and is easy to use.

Get in touch

BROWSE MORE PROJECTS

Want something
like this for
your project?

Let's chat

Whether you’re starting fresh or improving something existing, I’ll help turn it into a website or app that looks good, works well, and is easy to use.

Get in touch

BROWSE MORE PROJECTS

Want something
like this for
your project?

Let's chat

Whether you’re starting fresh or improving something existing, I’ll help turn it into a website or app that looks good, works well, and is easy to use.

Get in touch

BROWSE MORE PROJECTS

Want something
like this for
your project?

Let's chat

Whether you’re starting fresh or improving something existing, I’ll help turn it into a website or app that looks good, works well, and is easy to use.

Get in touch

BROWSE MORE PROJECTS