Overview

A 4-week brand and website refresh for Spatial’s next product launch

Spatial brought us in as they were preparing for a major spatial computing push, including Apple Vision Pro experiences. We helped refresh their visual language, redesign key website pages, and launch a new product landing page in Webflow within 4 weeks.

To launch the new website
4 weeks
Secured by Spatial to create a VisionOS dedicated platform
Apple partnership
PageSpeed Insights scores
93/100

"DesignMe turned around a complex project in just one month, covering information architecture, visual language, high-fidelity design, and Webflow development. Their efficiency, creativity, and responsiveness made them a valuable partner."

SidHead of Product

ClientSpatial Inc

Year2024

About the project

Spatial is a company from Scottsdale, Arizona that builds software for spatial computing: Analogue, a 3D design and review tool for Apple Vision Pro, immersive audio for physical spaces, and real-time audio for software-defined vehicles.

In 2024, as Spatial got ready to bring Analogue to Vision Pro, its team asked us to refresh the visual language and rebuild the website around all three products. We took it from information architecture to high-fidelity design and the Webflow build in about four weeks.

Client
Spatial Inc
Industry
Spatial computing, 3D design and immersive audio
Services
Information architecture · Visual language · Web design · Product landing page · Webflow development
Timeline
2024 to 2025
The Spatial wordmark and diamond symbol on a dark background with a fine dot pattern

The challenge

Spatial’s old site was built around one product: a light, technical page about immersive sound. By 2024 the company had three products for three kinds of buyers, and a launch on a new Apple platform coming up.

Three products, one company
Analogue, Audio and Auto sell to designers, venues and carmakers. Each needed its own page without the site reading like three companies.
Hard to picture
Sound placed in a room or a 3D model reviewed in a headset is hard to show on a flat screen. Every section needed a visual that explains it.
Four weeks
The refresh, the key pages and a new product landing page had to be designed and live in Webflow within four weeks.
After: Spatial’s website: the old Technology section, Innovation at the speed of sound, in white with a pink button, and the new dark Spatial Audio hero, Immersive audio to transform your physical spaces, with customer logos underneathBefore: Spatial’s website: the old Technology section, Innovation at the speed of sound, in white with a pink button, and the new dark Spatial Audio hero, Immersive audio to transform your physical spaces, with customer logos underneath

A new visual language

We moved Spatial from a white page with pink accents to a dark interface with soft light, glass-like cards and a single violet accent for actions.

Each product kept its own imagery inside that system: rooms and speakers for Audio, cars and sensor fields for Auto, the headset and shared 3D models for Analogue.

Feature card: Real-time Processing, a chip with signal lines on a blue glowFeature card: Perception to Spatial Audio, a car among others with sound fields around it
A hand holding a phone with the Spatial sound app, Serenity scenes and Water and Wind controls, on a violet wave
Render of autonomous cars on a green highway with vehicle figures, 289M and 30M
Two dark renders: a car interior with glowing speakers, and a person in Apple Vision Pro browsing 3D scenes

Showing the technology

Feature sections became sets of cards, each with a small interface or 3D scene that shows the feature at work.

Material and lighting controls for Analogue, a FaceTime call around an engine model, speakers placed around a room, a car reading the road. The cards share one grid and one style, so the three products read as one family.

Analogue feature cards: no-code RealityKit, built-in collaboration, team projects, vantage points and asset variants
Audio feature cards: accurate 3D rendering, a content library, hardware agnostic, flexible audio output and a simple API
Isometric render of a venue with speakers placed along its wallsRender of a green car on a road with a light trail and sound fields around it

Analogue for Vision Pro

Analogue got its own landing page: spatial collaboration for modern teams, built for Apple Vision Pro, with early access one click away.

Analogue lets teams look at ideas in 3D, review them together from anywhere, prototype without code and publish straight to the headset. The page opens on the product in use and explains the rest in the same cards as the other products.

Every page in Webflow

With the system in place, we designed and built the rest of the site in Webflow: the homepage, a page for each product, About and Contact, with customer stories on the Audio page.

The pages share one set of sections and components, from the product heroes to the case study cards. The finished site scores 93/100 on PageSpeed Insights.

Page board: the homepage, Analogue, Auto and Audio pages side by side
Audio page section: case studies for Wellstar, National Geographic and Undertow
Analogue page hero: Collaborative design tools for spatial computing, above a video of an engine model
Auto page hero: Real-time spatial audio for software-defined vehicles, with three feature cards
Auto page section: Intelligent automotive audio, with a highway render and three benefits
About page: Spatial is headquartered in Scottsdale, AZ, next to a dotted map of Arizona and the team
Contact page: How can we help?, with contact and support options and a form

After launch

Analogue launched on Apple Vision Pro in December 2024, and Apple named Spatial Analogue in its visionOS 26 announcement in June 2025.

"DesignMe stands out for its exceptional ability to transform complex projects within tight timelines. Their efficiency, creativity, and responsiveness made them a unique and valuable partner for our project."

Sid · Head of Product, Spatial

Keep reading

More case studies

You've reached the end, so now…

Tell us what you’re building.

We’ll help you map the right scope, team, timeline, and next steps.

Book a call