/ THE PROJECT
2025
A complete platform for photorealistic architectural renders.
RNDR needed more than a portfolio — they needed a fully automated platform that handles everything from client quotes to content management across three languages. We built a scroll-driven showcase with an intelligent estimator, a dynamic masonry grid with editorial breakers, and a 17-panel admin dashboard that puts every pixel under their control.
/ Scroll-Driven Intro & Hero
First impressions, engineered.
A full-screen "RNDR." logo that shrinks to the corner on scroll, locking the viewport until the animation completes. Configurable hero with video backgrounds, parallax depth, overlay opacity, and squeeze animations — all controllable from the admin panel.
/ Smart Estimator
From vision to quote in 60 seconds
A multi-step wizard with database-driven configuration options, conditional logic for product vs. architecture paths, price breakdowns with multipliers, AI-powered project notes, and automatic notification emails. Every session is tracked through a full analytics funnel.
/ Dynamic Content Grid
Portfolio meets editorial
Masonry-style portfolio grid with configurable layout settings — gaps, offsets, max heights, noise overlays, and grayscale filters. Content "breakers" like quotes, stats, CTAs, partner logos, testimonials, and newsletter signups interleave between projects — all CMS-managed.
/ Admin Command Centre
17 panels. Zero compromises.
Projects, Content, Breaks, Partners, Layout, Categories, Users, Analytics, Estimator config, Translations, Sitemap, FAQ, Blog, Testimonials, Email Templates — everything from hero text to grid spacing is database-driven and editable without touching code.
/ Multilingual System
Three languages. One source of truth.
Dutch, English, and French translations stored in the database, with a language context hook that propagates through every component. Localised content breaks, project fields, and email templates — all editable from a single admin interface.
/ Email Engine & Gallery
Communicate. Showcase. Convert.
Rich-text email editor built on TipTap with variable interpolation and live preview. Project modal with multi-media gallery, swipe navigation, keyboard shortcuts, and a mobile-optimised bottom sheet — turning every render into a conversion opportunity.
We calculate light.
RNDR · 2025 · Architectural Visualization
What we built for RNDR
RNDR is a visualisation studio for architecture and products. It needed a portfolio that also qualifies leads and prepares quotes, and that the team can manage without a developer.
Features
- Scroll-driven intro and configurable hero
- Multi-step project estimator with price breakdown
- Masonry portfolio grid with editorial content breaks
- Admin panels for projects, content, layout and analytics
- Dutch, English and French content from one source
- Email template editor and project gallery modal
Modules
Quote Calculator
Visitors configure a project and receive an estimate.
CMS
Projects, breaks, partners, FAQ and blog edited from the admin.
Multilingual (i18n)
NL/EN/FR content managed in one place.
Analytics
Estimator funnel and visitor tracking.
Notifications
Automatic emails with editable templates.