The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
From render to reality 💯
Every detail we envisioned during the design phase came to life in the final build.
Render on top, real-life application below.
How well do you think they match? 👀
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Lumen — UX/UI Design for a Premium Architecture Studio
Sometimes, the smallest details are what give a design its personality.
For Lumen, I found myself exploring how typography, architectural photography, colour, and layout could work together to tell a story before someone even starts reading.
I played with oversized text, warm brown tones, editorial layouts, and a mobile experience that carries the same visual character as the desktop design.
I especially enjoyed putting the mobile screens together. Seeing the different sections come to life on a smaller screen made the whole concept feel more complete.
It's always interesting to see how different creative decisions can change the way people experience a brand.
What's one design detail that can make you appreciate a website even before you've explored everything?
#WebDesign #CreativeDesign #UIUXDesign #Architecture
i love this soooo wellllll, i just said welll with 4 l's thats how good this is
Very nice
No After Effects. No manual keyframes.
Just pure React, frame-level spring math, and code.
Built this SaaS product reel completely with Remotion at 60fps. Programmatic motion design makes it effortless to keep animations 100% true to real product UI while allowing programmatic variant generation.
💯 What you receive as a deliverable:
🎬 Production Video: 4K/60fps .mp4 or .webm ready for social, ads, and landing pages
🪟 Transparent Overlays: Alpha-channel .mov (ProRes 4444) to drop over your existing product footage
🔁 Looping Assets: Optimized .gif files for GitHub readmes and email campaigns
💻 Web Native: Interactive React @remotion/player components or automated server-side render scripts
Stack:
• React
• Remotion (useCurrentFrame, spring, interpolate)
• Headless Chromium render pipeline
Taking on 2 new projects this month for SaaS and dev-tool teams looking for high-end product animations.
DMs are open—let’s build.
