Mechanical Collection 01

AION

Explora la micro-ingeniería de alta gama

AION Automatic Caliber

Time, engineered into motion.

An interactive luxury watch experience that reveals the movement, materials, precision, and engineering behind every component.

41 mmCase Size
AutomaticWinding
72 HoursPower Reserve
SapphireCrystal
AION Chronograph Watch
01 / CASE

Case Architecture

Sculpted from 316L stainless steel, the case combines sandblasted edges with polished chamfers, housing the mechanical movement in a protective vacuum seal.

02 / CRYSTAL

Sapphire Crystal

A transparent shield scratch-resistant sapphire crystal dome, coated on both sides with anti-reflective blue mineral layering.

03 / DIAL

Dial & Hands

Minimalist index tracks floating over skeleton gear chambers. Faceted diamond-cut steel hands filled with Super-LumiNova pigments.

04 / CALIBER

Mechanical Caliber

Powered by our in-house automatic caliber, containing 184 micro-components oscillating at 28,800 vibrations per hour.

05 / RESERVA

Power Spring

A high-tensile mainspring barrel storing energy, ensuring 72 hours of stable chronological balance when unwound.

06 / ASSEMBLY

Final Assembly

All layers combined into one unified chronological object. Water resistant up to 100 meters, calibrated in 5 positions.

Despiece Interactivo

Watch Exploded View

Hover over any individual watch component in the stack to highlight its specification name, reveal details, and adjust layer distances.

Glass Shield
Bezel Ring
Steel Hands
Skeleton Dial
Caliber Gearbox
Case Chassis

Select Component...

AION Exploded Layer

Hover over any layer in the assembly stack to examine its metallurgical and mechanical properties.

Mecanismo Interno

AION Caliber 01 Movement

Behind the dial, a complex network of wheels transforms kinetic energy into precise chronometric measurements.

Oscillation

28,800 vibrations per hour (4Hz)

Jewels

26 Ruby synthetic pivot bearings

Escapement

Silex anti-magnetic pallet fork and escape wheel

Winding

Automatic bi-directional rotor winding

FREQUENCY: 4.0 Hz CALIBER STATUS: RUNNING

Puntos de Interés

Interactive Technical Hotspots

AION Chrono

Interactive Hotspots

Hover over any glowing node on the watch to zoom into its technical specifications.

Material Explorer

AION Personalization

Configure your custom AION combination. Alter case metal alloy, dial colors, and straps. Customizations render in real-time.

Case Material
Dial Face
Strap Type

Configuration summary: Brushed Steel / Obsidian Black / Steel Link

Ficha Técnica

AION Technical Specifications

Case Diameter 41.0 mm
Thickness 11.8 mm
Water Resistance 10 bar (100 meters / 330 feet)
Glass Spec Box-shaped sapphire crystal, anti-reflective inside
Caliber Manufacture Caliber 01, Automatic self-winding
Jewel Bearings 26 jewels
Power Reserve Approximately 72 hours
Frequency 28,800 vibrations per hour (4 Hz)

Ficha del Portafolio

Upwork Project Deliverables

Este proyecto simula la exploración de un reloj mecánico de alta gama para demostrar capacidades de diseño en 3D, animación de engranajes y despiece técnico interactivo.

Upwork Title

Interactive 3D Luxury Watch Website with Exploded Product View

Target Jobs

3D Product Showcase Pages, E-Commerce Exploded Views, Luxury Product Landing Campaigns, Advanced GSAP Timelines, Three.js Gear Mechanics.


What I Delivered:

  • Vertical scroll-driven watch dismantle sequence
  • Fading SVG overlay layers (Glass, Dial, Gears, Power Coil)
  • Exploded assembly hover selectors with specifications log
  • Three.js mechanical gears canvas rotating at precise frequencies
  • Luminescent Technical Hotspots and detail panels
  • Watch Configurator modifying vector SVG paths in real-time
  • Refined typography and minimal editorial layout structure

Tools & Tech Used:

HTML5 Vanilla CSS3 (Luxury Minimal) JavaScript (ES6) GSAP ScrollTrigger Three.js (Mechanical Gears) Lenis Scroll SVG Animation API

FAQ

Project details

Is AION a real luxury watch brand?

No. AION is a fictional mechanical watch concept created for portfolio demonstration. The pricing, specifications, and biological listings use simulated data.

Are the 3D gears in the calibre section using real models?

Yes. The gears in the Caliber 01 section are programmatically generated and rendered using Three.js meshes rotating at precise gear ratios.

Is the configurator fully functional?

Yes. Selecting different materials alters the inline SVG nodes (cap, body, dial radial gradients, and straps) instantly in the viewport.

Adquirir

Experience AION

Interested in the luxury watch layout? Simulate a purchase request or ask about implementation services below.