Website case study2026Technology

Aiolec

A display catalogue with the restraint of a product launch.

Client
Aiolec
Our role
UX, copy, 3D, design & build
Industry
Technology · London, UK
Status
Launch-ready build
Aiolec · Launch-ready build
Aiolec website homepage
The idea

Nobody falls for a spec sheet. So we let buyers turn the product in their hand.

Aiolec makes commercial displays for places people see: shop windows, restaurants, receptions and high-footfall spaces. Three ranges cover indoor, high-brightness and double-sided use, from 32 to 75 inches.

The site is built like a launch: one idea per screen, real-world settings first, and an interactive 3D model of each display that buyers can rotate and resize. When they are ready, the Aiolec Advisor asks a few questions and points to the right model.

01

The display, in 3D

A Three.js model of each range that buyers can drag to explore and switch between sizes.

Aiolec · Launch-ready build
Aiolec website: The display, in 3D
02

Specification, without the clutter

Full hardware specs grouped into display, physical and platform, with PDF downloads.

Aiolec · Launch-ready build
Aiolec website: Specification, without the clutter
03

The Aiolec Advisor

A guided consultation: 'Tell us about your space.' A few questions, one considered recommendation.

Aiolec · Launch-ready build
Aiolec website: The Aiolec Advisor
04

Where will the display live?

The advisor's first step sorts indoor, outdoor and transitional spaces before recommending a range.

Aiolec · Launch-ready build
Aiolec website: Where will the display live?
05

Built for the places people see

Retail, corporate, hospitality, QSR, DOOH and healthcare, each shown in a real setting.

Aiolec · Launch-ready build
Aiolec website: Built for the places people see
06

Double-sided, made to work

Each range gets its own page, with settings, sizes and a side-by-side comparison.

Aiolec · Launch-ready build
Aiolec website: Double-sided, made to work

Made for the phone in their hand.

Store managers browse on the shop floor. The site, the advisor and the spec tables are rebuilt for the phone.

Aiolec on mobile
Aiolec on mobile
Aiolec on mobile

Design system

A gallery palette so the hardware is the hero: near-black product, white space, warm lifestyle tones and one blue for the advisor.

Ink#111214Product black
Gallery#F5F6F7Product backdrops
Grey#6E6E73Secondary type
Warm#EAD9C5Lifestyle accents
Signal#5075FFThe advisor and focus
Built to be seen.
General SansHeadlines: quiet and product-led
3,500 nits · 24/7 · Android 14
InterSpecs and body copy

What's built in

Every feature exists to move a visitor one step closer to getting in touch.

01

Interactive 3D viewer

Rotate each display and switch sizes, rendered in the browser.

02

Aiolec Advisor

A short consultation flow that recommends the right model.

03

Spec comparison

Every size side by side, with downloadable PDF specifications.

04

Three product pages

Commercial, high-brightness and double-sided ranges.

05

Sector stories

Retail, QSR, hospitality and corporate settings in one gallery.

06

Matching brochure

The same system carried into a print and digital brochure.

Design & buildBeyond BrandingStackHTML · CSS · JavaScript · Three.js · LenisDevicesDesktop, tablet, mobile

Want a website that works this hard?

Websites from$800

Designed and built in-house, from first wireframe to launch. Send us a line about your business and we'll come back with a direction and a price range.

© Beyond Branding · London · Dubai · Mumbaiayush@beyondbranding.media