Dept. of Vibe Film simulation web app · React
Design and build a film-simulation web app that made image transformation feel tactile, technical, and fast.
- Timeline
- 2 weeks
- Role
- Design engineering
- Team
- Joseph West
- Tools
- React · Image UI · Product navigation · CSS
Photographers need to understand a visual tool by seeing it work. The site had to foreground image comparison and keep the product navigation legible across a multi-page experience.
The strongest proof for a visual tool is interaction. A before/after slider can communicate more trust than a paragraph of claims.
A normal SaaS landing page would flatten the product into promises. The app needed the interface itself to become the proof surface.
A dark terminal-inspired UI frames the image workflow, with interactive comparison, dense tool navigation, and restrained copy that lets the visual result carry the page.
The same filing has to hold on mobile, where most acquisition traffic lands first.
A React web app surface that gives photographers a direct sense of the film-emulation workflow before they commit time to the product.
- 01 Interactive before/after slider as the primary proof element.
- 02 Dark UI system tuned for image inspection.
- 03 Multi-page navigation for tool and engine surfaces.
Add engine-level examples and saved preset stories once usage data shows which looks matter most.