Kaylee Van Hise

TM

3D Showroom

/24
A mockup of the Canoo electric vehicle online 3D showroom, displayed on a mac desktop

An innovative 3D showroom for Canoo's electric vehicle line that does not rely on any rendering. The Canoo 3D showroom was intended to place Canoo's brand and web presence above its competition by creating a novel electric vehicle browsing experience.

An innovative 3D showroom for Canoo's electric vehicle line that does not rely on any rendering. The Canoo 3D showroom was intended to place Canoo's brand and web presence above its competition by creating a novel electric vehicle browsing experience.

Client:

Canoo

Client:

Canoo

My Role:

Web Designer

My Role:

Web Designer

Year:

2022-2024

Year:

2022-2024

Service Provided:

Web Design

Service Provided:

Web Design

The Problem


Canoo needed an innovative digital solution to showcase its electric vehicle line with a huge caveat: no cloud-based rendering or user-end 3D rendering. Initial concepts based on cloud-based rendering would have resulted in exorbitant hosting costs—ranging from $10K to $150K per month. Additionally, the solution had to function seamlessly on mobile devices and outdated browsers, adding another layer of complexity to the challenge.

A screenshot of the app's home page
A screenshot of the app's home page

Process


We approached the project with a focus on accessibility, performance, and cost-effectiveness, ensuring the virtual showroom could reach the widest audience without compromising the experience.


  1. Researched audience demographics, device usage, and technical limitations, revealing that a significant portion of users accessed the site via mobile browsers, raising concerns about user experience .

  2. Developed and refined concepts through collaborative ideation, ultimately selecting the virtual showroom approach while exploring cost-effective alternatives to traditional 3D rendering

  3. Prototyped and tested the equirectangular method to ensure accessibility across all devices, allowing users to experience the showroom without performance barriers.

Solution


With high hosting costs and technical constraints ruling out server-side rendering and WebGL, we needed a creative alternative that balanced immersion with accessibility. Our solution was simple, elegant, and achievable with the resources available: a 180° by 360° still image to simulate a three-dimensional space.

This approach allowed users to navigate the virtual showroom seamlessly through interactive hotspots, creating an engaging experience without the performance issues or accessibility barriers of traditional 3D rendering. High-quality equirectangular images were used to construct a virtual environment that could be explored dynamically, even on mobile devices.

Outcome


Following the launch of the virtual showroom, Canoo's website traffic saw a significant surge. Monthly pageviews skyrocketed from 17k to 100k within the first month, with sustained traffic levels stabilizing at three times the previous average. This increase in engagement validated the showroom’s accessibility-focused approach, proving that a well-optimized, immersive experience could drive user interest without the heavy infrastructure demands of traditional 3D rendering.