IDING DESIGN Website v2
Work   /   Branded Environments   /   IDING DESIGN Website v2

IDING DESIGN Website v2

A motion-led website for an industrial design studio: a wordmark intro, a scroll-driven 3D product breakdown, ASCII image sequences and shared-element transitions.

Project Overview

Industry

Branded Environments

Project Type

Brand Website and Motion Design

Project Story

MOTION-LED STUDIO WEBSITE

How can a design studio's value be felt on a web page, not just read? We use motion to explain products.

A 6-second intro cuts through real projects into the IDING wordmark. A 580vh scroll scene then takes a WebGL model of the AMR airport logistics robot through whole form, front, structure and profile - one design decision each.

Work and Insights open with images rebuilt in ASCII. Project cards expand into their pages; About counts 19 years in rolling numbers.

Four colours, Plus Jakarta Sans and Source Han Sans, shared across both languages and mobile.

Website motion showreel (with sound)
The intro settles on the lime IDING wordmark and home copy
Intro: real project images cut full-screen
The IDING wordmark revealed through project images
The AMR robot structure separating along controlled paths
The AMR robot shown whole from a three-quarter view
Side view of the AMR robot showing its overall proportions
Vitruvian Man rebuilt in ASCII characters on the Work page
A vintage camera rebuilt in ASCII characters on the Insights page
The large rolling 19 on the About page
Exoskeleton project page opened from its card
Card grid on the Work page
Selected Work section on the home page
Four colours and two typefaces of the website visual system
Editorial layout of the Services section
Article list in the Insights section
Opening screen of an Insights article
Start a Project page with an aerial view of the studio park
Mobile home, 3D stage, Work, Insights and About pages
Mountain-Bearing Beast Exoskeleton

Next Project / Open

Work   /   Industrial Equipment & Robotics   /   Mountain-Bearing Beast Exoskeleton

Mountain-Bearing Beast Exoskeleton

Mountain-Bearing Beast Exoskeleton: Efficient lower-limb assistance that reduces load and improves handling, logistics, and firefighting efficiency.

CONTACT