/ 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
Wat we bouwden voor RNDR
RNDR is een visualisatiestudio voor architectuur en producten. Het had nood aan een portfolio dat ook leads kwalificeert en Offertes voorbereidt, en dat het team zonder ontwikkelaar kan beheren.
Functies
- Scroll-gestuurde intro en configureerbare hero
- Stapsgewijze prijsschattingstool met prijsopdeling
- Masonry portfoliogrid met redactionele contentonderbrekingen
- Adminpanelen voor projecten, content, lay-out en analyses
- Nederlandse, Engelse en Franse content vanuit één bron
- E-mailsjablooneditor en projectgalerijmodal
Modules
Quote Calculator
Bezoekers configureren een project en ontvangen een prijsschatting.
CMS
Projecten, onderbrekingen, partners, FAQ en blog bewerkt vanuit de admin.
Multilingual (i18n)
NL/EN/FR content beheerd op één plek.
Analytics
Estimator-trechter en bezoekersregistratie.
Notifications
Automatische e-mails met bewerkbare sjablonen.