Jigsaw Productions · Documentary Film Case Study

A film archive built for discovery, not just display.

Website strategy, UX/UI, responsive design and development for the award-winning documentary company led by filmmaker Alex Gibney.

5.0Verified Clutch.co rating
89Film + TV titles in the live portfolio
56Films currently featured
33Television series currently featured

A significant body of work needed a website with the same point of view.

Jigsaw Productions is an award-winning documentary film company led by Academy Award-winning filmmaker Alex Gibney.

The existing site had become severely outdated and difficult to navigate. Bionic Egg reorganized the experience around the work—creating a responsive, user-friendly destination that gives films, series and podcasts room to lead.

ClientJigsaw ProductionsWebsite Creative DirectorMark JohnsonDigital AgencyBionic EggBrand Identity + PrintPentagram · Emily Oberman and team

Identity context · credited work

A distinctive identity, carried into a new digital experience.

Bionic Egg used Jigsaw’s established visual identity as the foundation for the website. Brand identity and print collateral were created by Pentagram, Emily Oberman and team.Identity and collateral shown for project context. No authorship claimed by Bionic Egg.
Jigsaw Productions identity created by Pentagram
Brand identity · Pentagram
Jigsaw identity applications and website shown together
Identity and print collateral · Pentagram / Website · Bionic Egg

Website strategy / UX/UI

The work becomes the organizing principle.

A film-first interface turns a deep archive into an intuitive path through documentaries, series, podcasts and the people behind them.
Complete system of Jigsaw Productions website page designs
Three Jigsaw Productions film website screens

Documentary storytelling

Every title has a story. The interface knows when to get out of the way.

Jigsaw Productions

One responsive system, built around many ways to watch.

Jigsaw Productions website presented across responsive devices

Responsive design

A consistent experience from desktop to phone.

The new system replaces a static experience with layouts designed around real viewing behavior, clear hierarchy and fast access to the work.
Jigsaw Productions website landing page featuring documentary work

Portfolio architecture

Films stay visual. Information stays useful.

Project pages balance key art, synopses, credits, trailers and related work without turning a film archive into a database.
Boom Boom Boris Becker documentary detail page on the Jigsaw Productions website

Title pages

Individual stories receive editorial space.

Each title can establish its own mood while remaining part of a coherent, searchable production-company portfolio.
Jigsaw Productions responsive website on desktop, laptop, tablet and phone

Responsive development

Designed for the screen in front of you.

Desktop scale, tablet browsing and mobile discovery all retain the same clear visual rhythm.

Built in view, tested in stages, handed off with confidence.

Wireframes, screenshots and beta versions gave Jigsaw’s executives and CEO a clear opportunity to review and test before each stage moved forward.

01

Wireframes

Core journeys and content relationships were resolved before visual polish.

02

Beta testing

Working versions let the internal team validate navigation, layout and functionality.

03

Detailed updates

Bi-weekly email updates and calls kept a complex approval process transparent.

04

Update manual

A practical website manual enabled producers to make routine content edits in-house after launch.

Jigsaw Productions website displayed across multiple responsive screens

Exceptional product, transparent process

A website the entire team could be proud of—and manage.

5.0Clutch.coVerified online review

The redesign transformed an outdated site into a visual, user-friendly destination, while a staged testing process and detailed update manual gave Jigsaw’s team confidence before and after launch.

01

Clearer discovery

A work-led structure helps audiences move across films, series and podcasts without losing context.

02

Executive confidence

Wireframes and beta versions allowed decision-makers to test the experience before final release.

03

In-house control

The website update manual helps producers publish and maintain routine content without unnecessary outside support.

Client perspective

★★★★★
“100000/10 would recommend!”
Najah Issata Diop · Creative Manager, Jigsaw Productions

5.0 / Verified Clutch.co online review

“Bionic Egg’s project management is unlike anything I’ve ever seen.”
“The level of detail and updates truly put me and the rest of the team at ease.”
“Mark and his team communicated with us frequently and would set additional time aside to walk us through items that were not clear.”
Quality 5.0Schedule 5.0Cost 5.0Willing to refer 5.0

Project credits

Jigsaw Productions
New York

Client
Jigsaw Productions
Digital Creative Director
Mark Johnson
Website Agency
Bionic Egg
Brand Identity + Print
Pentagram · Emily Oberman and team
Website Services
Industry
Documentary film · Production
Review
5.0 verified Clutch.co review · December 11, 2023