Identity frame
The portrait collage becomes the website’s hero still language.
LOHS FBLA Digital Video Production 2026
Discover falling into direction through FBLA DVP
The website opens directly on the film and uses the video as the main entrance into the project, pulling you into the story, production design, and creative process behind FBLA Digital Video Production.
Production craft
BTS images make the making of the video part of the design.
Post workflow
Resolve screenshots show how the final look was actually built.
Sony Alpha 7 IV
DaVinci Resolve Studio
Adobe After Effects
Fusion Masking
4K / 24fps
DJI Mic 3
Showcase
Designed like a premium creative website, but about your FBLA film
This section makes the website itself a key part of the presentation: the film, the website visuals, and the behind-the-scenes process all work together in the same system.
Film
Main project video
The website now gives the final video a stronger starring role.
Website Visuals
Graphic identity
Typography, title treatments, and darker spacing now feel more intentional and even.
Production
Real setup images
The film’s real production environment is showcased as part of the brand.
Visual System
A colder, more immersive interface built around motion, screens, and light
This replaces the camera model with a sleeker display section that feels closer to your reference: dark interface panels, glowing gradients, layered screens, and a stronger futuristic presentation for your FBLA digital video production.
Interface Direction
Screen-like composition instead of creator-focused sections
The site now pushes a more futuristic presentation language: stacked display cards, colder glow accents, larger dark surfaces, and more visual emphasis on the film, the edit timeline, and the post-production workflow.
- Main focus stays on the film and its process, not on a creator portrait
- Resolve, stills, and final frames all sit inside one visual system
- Panels are larger, darker, and more evenly spaced across the page
Production
How every part of the video was produced
The story was built in stages: concept, planning, shooting, and post. This section spreads the visuals out more and gives each part of the process more room to breathe.
01
Concept and direction
The goal was to tell the story of Jonathan Gong and how FBLA shaped his development. That meant balancing professionalism, personality, and cinematic design instead of making a basic interview video.
- Background focused on alumni impact and leadership
- Direction built around a polished story-driven tone
- Chronological development supported by b-roll and design
Lighting design
The warm practical look came from combining key lighting with ambient table and lamp sources to shape a clean, inviting but still dramatic frame.
Interview setup
The black backdrop and couch setup helped isolate the subject while still keeping the environment warm and human through the practical lights.
02
Pre-production planning
Discord calls, in-person meetings, sketches, and storyboards shaped the approach. The team explored standard-offset, interrotron, and conversational interview references before deciding how the story should flow.
Meetings / Storyboards / Interview Strategy
03
In-camera style and compositions
Negative space, close-ups, over-the-shoulder framing, and strong contrast helped direct attention. The film leans on clean visual discipline to make the subject feel more important and more intentional on screen.
Centered Framing / Shallow DOF / Practical Lights
Video Throughout
More motion and more of the actual editing process
You asked for more aspects of the video throughout the website, so this section adds motion beyond the hero by embedding the screen recordings from the edit and grading workflow directly into the page.
Film replay
The main film shows up again deeper in the site so video stays present throughout the experience instead of only in the hero.
Edit flow
The timeline build shows how clips, b-roll, portraits, and transitions were arranged to control pacing and visual escalation.
Color and finishing flow
This moves the post-production process into the site itself so the grading and finishing don’t feel disconnected from the film.
Post Production
Editing, Fusion masking, audio mix, and finishing
These panels use the actual DaVinci Resolve screenshots to show the film being built, not just the final result.
Timeline construction
The cut page and edit page show how the piece was assembled from multiple layers of interview, b-roll, and title design.
Fusion and masking
The Fusion screenshot highlights effect work and masking used to support stylized visuals like the floating composition sequence.
Transitions and layering
The edit timeline reveals how the site’s motion language can be inspired by the actual timeline structure of the film.
Color page nodes
The node tree shows denoise, CST, contrast, saturation, curves, masking, halation, film texture, and sharpening all working together.
Color Grading
Greyed out comparison panel and full grade explanation
The grading panel now starts as a greyed-out version and reveals the finished warm cinematic treatment as you drag. It is designed to feel more interactive and clearly show how the grade transforms the frame.
Grade / 01
Grey to cinematic warmth
Drag the divider
Greyed Out
Final Grade
What the grade is doing
The look is built around warm highlights, controlled contrast, refined skin tone placement, and clean shadow depth. It keeps the frame cinematic without losing the natural professionalism of the interview.
- Denoise and CST establish a clean technical base
- Contrast, curves, and saturation define the final tonal shape
- Masks, halation, film texture, and sharpening add finish
- Scopes help keep exposure and channel balance under control
Node-based workflow
This screenshot anchors the grading section in the actual post process, showing that the final look came from a structured node tree, not a random LUT drop.
Gear + Setup
The equipment and set pieces behind the final images
This combines the slideshow gear list with the new behind-the-scenes setup photos so the site feels more complete and less compressed.
Sony Alpha 7 IV
Main camera body for the interview and controlled portrait sequences.
Lighting build
Soft source plus practical warmth for the polished cinematic mood.
Backdrop + interview scene
Black backdrop, couch placement, and room practicals working together.
Practical effect shot
Behind-the-scenes proof of the experimental visual construction in production.
Tamron 28-75mm F/2.8
External Monitor
DJI Mic 3
Neewer Fluid Head Tripod
4K / 24fps
1080p / 120fps
180° Shutter Angle
Nanlite FS300B
Gallery Page
All stills and behind-the-scenes images now have their own page
Instead of cramming every image onto the homepage, the stills are spread out into a separate gallery page so the main site stays cleaner while still giving the photography room to breathe.
Open Gallery Page