Realistic 3D.
- CLIENT
- Realistic 3D
- INDUSTRY
- Architectural visualisation / 3D rendering
- WHAT WE DID
- UX & UI design, custom WordPress theme & block development, technical SEO, media gallery setup
- PLATFORM
- WordPress (custom theme)
- YEAR
- 2025–2026
( THE BRIEF )
The challenge
A rendering studio's website is its showreel. Buyers judge the studio on image quality within seconds, so the images had to carry the site. Yet large, high-resolution images are exactly what makes most portfolio sites slow, and a slow showreel undercuts the very quality it is trying to prove.
The second problem was choice. The studio offers six distinct services to buyers with different goals: planning approval, design clarity, off-plan sales and remote viewing. An architect preparing a planning submission needs something very different from a developer selling homes before they are built. The site needed a clear way to steer each visitor to the right service and on to a quote or free test render.
The client
Realistic 3D is an architectural visualisation studio. It creates photorealistic exterior and interior CGI, 3D animation, Matterport virtual tours, 360° VR/AR experiences and product renders for architects, property developers, builders and agencies across the UK and Australia.
This 3D rendering studio website design case study shows how Xenishio Arc built a custom WordPress theme and block plugin that lets the studio's work sell itself, and guides each kind of buyer to the service that fits their goal.
What we built
We designed a dark, gallery-like site where the work does the talking. A near-black canvas makes renders look their best, the way a cinema dims the lights before the film starts.
The homepage opens on a full-screen render with a gold-accented headline and two CTAs (Get a Quote / Explore Our Projects). It then moves through a featured-projects slider, six service cards with "ideal for" tags, an outcomes section ("Stop losing bids to better-presented competitors"), an embedded Matterport tour, a four-step brief-to-render process, animated stats, testimonials, blog posts and an FAQ. Each section answers a question buyers have before they commit: is the quality there, is this for me, what will it achieve, and how does it work?
The Services page adds a "find the right visual for your goal" selector and a tabbed service explorer, so visitors start from the outcome they need rather than from industry jargon. Photos and Videos gallery pages, individual project case pages and a dedicated free test-render landing page support conversion. A free test render is a low-risk first step for a buyer who has never worked with the studio before.
Each page has its own keyword-targeted SEO title, and cookie consent is granular and opt-in: analytics and advertising load only after a visitor says yes.
( THE SITE, PAGE BY PAGE )
Scroll through it.
Hover to auto-scroll · scroll inside the frame
( WHAT WENT INTO IT )
Under the hood of a rendering studio site.
- Full-screen hero imagery with a floating pill navigation and services/gallery mega-menus
- Light/dark theme toggle
- Featured-projects carousel and individual project case-study pages
- Goal-based service selector and tabbed service explorer
- Embedded Matterport 360 virtual tour
- Photo and video galleries for renders, walkthroughs and flythroughs
- Free test-render and free-quote lead funnels
- Testimonials slider, blog and FAQ with structured content
- Instagram feed links, floating WhatsApp chat button
- Granular, opt-in cookie consent (analytics and advertising load only on "yes")
- Accessibility statement page
Bricolage Grotesque display headlines
Poppins body and UI text
Custom geometric wordmark the logotype
- #05060ABackground (near-black)
- #ECEAE4Text (warm off-white)
- #ECEAE4Button text (80% opacity)
- #C6A66BPrimary accent (champagne gold)
- #111318Surface (dark cards)
Cinematic dark mode with gold gradient highlights on key words, large edge-to-edge renders, rounded dark cards with hairline borders, pill buttons, and an oversized "Realistic 3D" wordmark in the footer. The interface stays quiet so the renders stay loud.
- CMS
- WordPress
- Theme
- Custom theme (realistic3d) + custom block plugin (realistic3d-blocks)
- Styling
- Tailwind CSS
- SEO
- Rank Math
- Embeds
- Matterport 3D tours
- Analytics
- Google Analytics (consent-gated)
- Messaging
- WhatsApp chat
- Hosting / server
- Hostinger, LiteSpeed server + LiteSpeed Cache, PHP 8.3
- The portfolio now leads every page, so prospects see the quality of the renders before they read a word of copy.
- Goal-based service navigation and two low-risk offers (free quote, free test render) give each type of buyer a clear next step.
- Keyword-led page titles and Rank Math give each service and project page its own search entry point.
- Opt-in cookie consent means analytics run only for visitors who agree, which suits privacy-conscious clients in the UK and Australia.