/ 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
Ce que nous avons créé pour RNDR
RNDR est un studio de visualisation pour l'architecture et les produits. Il avait besoin d'un portfolio qui qualifie également les prospects et prépare les devis, et que l'équipe puisse gérer sans l'aide d'un développeur.
Fonctionnalités
- Introduction animée par le défilement et zone Hero configurable
- Estimateur de projet multi-étapes avec ventilation des prix
- Grille de portfolio en maçonnerie avec des pauses de contenu éditorial
- Panneaux d'administration pour les projets, le contenu, la mise en page et l'analyse
- Contenu néerlandais, anglais et français à partir d'une seule source
- Éditeur de modèles d'e-mails et modal de galerie de projets
Modules
Quote Calculator
Les visiteurs configurent un projet et reçoivent une estimation.
CMS
Projets, pauses, partenaires, FAQ et blog édités depuis l'administration.
Multilingual (i18n)
Contenu NL/EN/FR géré en un seul endroit.
Analytics
Entonnoir de l'estimateur et suivi des visiteurs.
Notifications
E-mails automatiques avec des modèles modifiables.