Boy Wonder Productions Website

🎬 Boy Wonder Production
UX/UI Case Study | Portfolio Website | Creative Industry

Overview
Boy Wonder Production is an indie film production house with a bold voice and a gritty, creative spirit. They needed a digital presence that reflected the raw, underground energy of their films—without sacrificing clarity or usability. I designed and built a website that functions as both a portfolio and an immersive brand experience, capturing their ethos in every pixel.

Problem
The client’s previous web presence was minimal and lacked the creative impact needed to attract collaborators, talent, and press. They wanted a site that:

Felt cinematic, not corporate

Showcased work without distraction

Reflected the offbeat, rebellious tone of their brand

Goal
Create a visually striking, easy-to-navigate website that:

Mirrors the emotional texture of independent film

Elevates the portfolio through purposeful design

Engages both fans and industry professionals

My Role
Brand Discovery & Visual Strategy

UI/UX Design in Figma

Front-End Development (WordPress)

Animation & Motion Strategy

Responsive Design

Design Solutions
🎨 1. Visual Language

Restrained color palette (gritty neutrals, noir blacks, and muted highlights) reinforces the underground aesthetic.

Cinematic typography mimics title cards and screenplay formatting for immediate film-world immersion.

📂 2. Dynamic Portfolio Layout

Modular grid and scroll-based interactions bring energy to the project pages.

Video stills, teaser loops, and hover states add depth and interactivity.

🎭 3. Immersive Experience

Minimal navigation keeps visitors focused on the work.

Scroll-triggered transitions and parallax effects offer a cinematic rhythm to browsing.

Easter eggs and unexpected UI elements subtly reward exploration.

Outcomes
A unique digital identity that stands apart from traditional studio sites

Increased engagement: visitors spent 2.5x longer on project pages during testing

Tools Used
Figma · WordPress · After Effects (for motion references) · Adobe Photoshop

The site's purpose is to showcase the company's work to potential clients. The company did not want any contact info available to the public.