← Back01DIGITAL EXPERIENCE

I ARCH TECH

I Arch Tech — digital experience by JS Tech Labs
01Overview

PROJECT
OVERVIEW

I Arch Tech supplies spare parts for narrow-body airliners, wholesale to fleets and retail as single units. JS Tech Labs designed and built their website as an interactive showcase rather than a parts list: the site opens in a hangar with the aircraft in front of you, takes off above the clouds, converts the airliner into a technical drawing you can x-ray by hovering, then breaks it apart into its systems. Behind the experience sits a real catalogue — 144 components across 14 aircraft systems and 31 ATA chapters, each with its own page — and the whole site runs in English, Arabic, Russian and Turkish.

Visit Live Website →
02The Problem

THE
CHALLENGE

Aircraft spare parts are normally sold through PDF catalogues and spreadsheets. A buyer who knows the ATA chapter and part number can work with that; everyone else cannot see what a supplier actually carries, or where a component sits on the airframe. For a supplier selling both wholesale to fleets and retail to smaller operators, that format does two things badly: it fails to communicate the breadth of the inventory, and it gives a first-time buyer no way in.

03The System

THE
SOLUTION

The airframe became the interface. The airliner is generated procedurally in three.js rather than loaded from a licensed model, so it stays light and unbranded, and it carries the whole journey: a hangar entrance with optional sound, a take-off sequence above the clouds, a conversion into a scaled general-arrangement drawing with an x-ray brush on hover, and an exploded view where every component floats apart and can be opened. A 14-chapter systems tour walks through engines and nacelles, APU, landing gear, flight controls, hydraulics, fuel, electrical, avionics and the rest, each chapter listing its parts. Underneath, the catalogue is fully searchable by name, ATA chapter or part number and filterable by system and category — rotable, repairable, expendable or consumable — with a quote request on every part. Four languages cover the supplier's actual buyer markets.

04Key Capabilities
Procedurally generated airliner in three.js — no licensed model
Hangar entrance with optional sound design and take-off sequence
Technical general-arrangement drawing with an x-ray hover brush
Exploded view with per-component detail and part links
14-chapter guided tour of the aircraft systems
Searchable 144-part catalogue with its own page per part
Filtering by system and by rotable, repairable, expendable or consumable
Quote requests from any part or system
English, Arabic, Russian and Turkish, including right-to-left
Scroll-choreographed motion tuned to hold frame rate on laptops and phones
Next.jsReact Three FiberThree.jsGSAPLenis
05Visual Proof
I Arch Tech — screen 1 of 4
I Arch Tech — screen 2 of 4
I Arch Tech — screen 3 of 4
I Arch Tech — screen 4 of 4

HAVE A SIMILAR
CHALLENGE?

Start a Project →
JS Tech Labs
000%
Initialising00 / 00