Jordan Meher – Figma Design & Webflow Development Case

Industry: Creative / Film Production / Video Direction

Services Provided: UI/UX Design, Figma Design, Webflow Development, CMS Setup, Client Training

Client Background:

Jordan Meher is an independent filmmaker and creative director based in Boston, Massachusetts, with 15 years of industry experience. Known for producing thought-provoking films, commercials, and animation, Jordan has worked with industry leaders including NASDAQ, Pfizer, The Economist, , Make-A-Wish, and Harvard University. He specializes in translating complex ideas into visually striking, value-driven narratives across directing, motion design, and VFX.

Jordan's previous website wasn't doing justice to his creative talent or professional achievements:

Outdated design hurting credibility – The existing site looked dated and failed to reflect his cinematic sensibility and storytelling expertise

Portfolio not showcased effectively – His diverse body of work wasn't presented in a compelling, immersive way

Missed business opportunities – Potential clients couldn't quickly assess his capabilities or range of services

No content management system – Adding new projects required technical assistance, slowing down portfolio updates

Our Figma to Webflow approach focused on creating a cinematic digital experience:

Visual concept development that mirrors Jordan's bold, immersive filmmaking style

Portfolio-first architecture to let the work speak for itself

Clean narrative structure guiding visitors through his expertise, work, and testimonials

Easy-to-use Webflow CMS for independent portfolio management

Designed a cinematic Figma layout with full-screen video banners and dynamic visual hierarchy

Created an immersive hero section featuring Jordan's directing + motion + VFX reel

Built scrolling service marquee highlighting expertise: Story Development, Talent Direction, Studio & Location, Crew Management, Post-Production

Designed testimonial carousel featuring Emmy Award-winning collaborators and industry professionals

Integrated trusted-by logo section showcasing major brand partnerships

Developed a fully responsive Webflow site with smooth animations and micro-interactions

Built Webflow CMS collections for adding new film projects independently

Integrated video hosting for seamless playback of showreels and project clips

Created interactive project galleries with hover effects

Implemented contact form for easy client inquiries

Added animated elements including GIFs and scroll-triggered transitions

Provided hands-on CMS training so Jordan can add new projects without developer support

Documented workflow for uploading videos, updating testimonials, and managing content

Elevated brand presence – The new site reflects Jordan's cinematic vision and 15 years of expertise

Immersive portfolio experience – Full-screen video and dynamic galleries showcase work compellingly

Enhanced credibility – Client logos and testimonials from Emmy winners build instant trust

Content independence – CMS enables Jordan to add new films and update content independently

Improved lead generation – Clear CTAs and contact form streamline client inquiries

Mobile-optimized experience – Fully responsive design ensures impact across all devices

Complete Figma design system with cinematic visual direction

Fully responsive Webflow website (desktop, tablet, mobile)

Portfolio CMS with project templates

Full-screen video hero integration

Testimonial carousel section

Client logo showcase

Contact form integration

Animated service marquee

CMS training and documentation

"I create worlds. Welcome to mine." — The best creative portfolios don't just display work; they invite you into the artist's vision.

Are you a filmmaker, creative director, or visual artist needing a portfolio that matches your talent? Let's talk about bringing your work to life with cinematic Figma design and custom Webflow development.