01Aa
Typography
A defined type scale — Inter as the primary face, with a condensed display face for cinematic headlines.
All workCase study · 2025 — 26
FilmmakersAcademy/
Redesigning the front door of Hollywood’s most trusted filmmaking platform.
- Client
- Filmmakers Academy
- Industry
- Film education · Membership
- Timeline
- Jul 2025 — Jun 2026
- Platform
- WordPress · Elementor Pro · WooCommerce
Filmmakers Academy — on set
Overview
The next chapter for Hollywood’s most trusted filmmaking platform.
The challenge
A feature-heavy homepage, and a pricing page that listed the membership instead of selling it.
The approach
Less features, more world-building — every section rebuilt to make filmmakers feel they belong here.
What we delivered
02
Colors
A colour system built around FA green — near-black stages, cool panels and one bright accent for every action.
03
Figma full design
Nine page templates designed end to end — homepage, pricing, blog, store and the full purchase flow.
04
WordPress development
Built in Elementor Pro and WooCommerce on dynamic templates the FA team runs themselves.
01 — Typography
Cinematicand legible.
Inter is the primary face — every heading, paragraph, price and button, on one scale shared by every template. A condensed, uppercase display face adds the weight of a title card.
Primary
Text & UI · Regular to Extra Bold
Aa
Inter
- Regular
- Medium
- SemiBold
- Bold
- ExtraBold
Secondary
Display · Bold, uppercase
Aa
Barlow Condensed
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 / & ?!
02 — Colors
Lit likea film set.
Near-black stages, a cool secondary for panels and FA green reserved for the moments that matter — every call to action and every highlight.
Primary
#16A34A
Secondary
#1D252D
Dark BG
#090909
Light BG
#F5F7F9
White
#FFFFFF
Black
#000000
03 — Figma full design
Nine templates.End to end.
Every page was designed at full fidelity in Figma before a line of WordPress was touched — so the build matched the design, not an approximation of it.
Homepage1440 · Desktop
Pricing1440 · Desktop
And the rest of the flow
Hover a page to scroll it
01 · Phase 1 · 2025
Homepage
From feature dump to world-building
A cinematic, story-driven homepage with clear hierarchy and intentional breathing room — mentors up front, industry partners under the hero, and career paths that open into a dynamic popup instead of another page.
- Video-led hero with a single primary action
- Trusted-by strip of industry partners
- Career path cards with a dynamic detail popup
filmmakersacademy.com
filmmakersacademy.com
Career path cards
filmmakersacademy.com
…that open a dynamic detail popup
02 · Phase 1 · 2025
Pricing
Doubt gets answered before it forms
Restructured as a conversion journey: a hero that removes friction, plan cards that guide without pushing, and a value section that shows rather than tells — ending in the questions people actually ask.
- Recommended plan surfaced, not forced
- Everything included, shown with real product
- Lifetime and student offers kept separate
filmmakersacademy.com/pricing
filmmakersacademy.com/pricing
03 · Phase 2 · 2026
Blog & Store
One connected learning ecosystem
Phase two redesigned FA’s most content-heavy experiences. Hundreds of articles, masterclasses, LUTs and downloads became easy to discover, browse and buy — with content that leads naturally into premium products.
- Category, search and featured-content discovery
- YouTube, podcast and newsletter built in
- WooCommerce product, cart and checkout flow
filmmakersacademy.com/blog
filmmakersacademy.com/store
filmmakersacademy.com/product
Brendan Sweeney
Filmmakers Academy
04 — Outcome
“Working with Prad was exactly what we needed for this project! He helped bring to life a new website which we have struggled with for years to make possible. We are beyond happy with the final outcome.”
Sep 2025 · Phase 1
“Love working with Prad and this was our second project at Filmmakers Academy! He is always responsive, insightful, and a team player for our business.”
Jun 2026 · Phase 2
The work earned their trust. What started as two pages turned into an ongoing engagement — a full redesign of the blog and store followed.
