/ 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
ما بنيناه لـ RNDR
RNDR هو استوديو للتصوير المعماري وتصوير المنتجات. كان بحاجة إلى معرض أعمال يقوم أيضًا بتأهيل العملاء المحتملين وإعداد عروض الأسعار، ويمكن للفريق إدارته دون الحاجة لمطور.
الميزات
- مقدمة تعتمد على التمرير وبطل قابل للتكوين
- أداة تقدير المشاريع متعددة الخطوات مع تفصيل الأسعار
- شبكة معرض أعمال بتنسيق Masonry مع فواصل محتوى تحريرية
- لوحات تحكم إدارية للمشاريع، المحتوى، التخطيط والتحليلات
- محتوى باللغات الهولندية والإنجليزية والفرنسية من مصدر واحد
- محرر قوالب البريد الإلكتروني ونافذة منبثقة لمعرض المشاريع
الوحدات
Quote Calculator
يقوم الزوار بتكوين مشروع وتلقي تقدير مبدئي.
CMS
المشاريع، الفواصل، الشركاء، الأسئلة الشائعة، والمدونة يتم تعديلها من لوحة الإدارة.
Multilingual (i18n)
إدارة محتوى NL/EN/FR في مكان واحد.
Analytics
مسار أداة التقدير وتتبع الزوار.
Notifications
رسائل بريد إلكتروني تلقائية بقوالب قابلة للتعديل.