← Back to Projects
Ai-Ono RoboTech
A technical brand site that makes complex robotics feel precise and easy to enquire from.
PROJECT HERO MEDIA — 16:916:9
Proof first. Poetry second.
01 — Landing hero
The first impression.
The first screen is a plain statement of the machine.
LANDING HERO — DESKTOP16:9
02 — Brand introduction
Setting the visual direction.
A dark technical grid with imagery close to the hardware.
BRAND LANDSCAPE — DESKTOP16:10
BRAND DETAIL — PORTRAIT3:4
03 — Product discovery
Designed to invite exploration.
Capabilities and applications unfold in a controlled sequence.
SUPPORTING PAGE4:5
PRIMARY PAGE — DESKTOP16:10
MOBILE DETAIL9:16
04 — Interaction system
Movement with purpose.
Motion is exact enough to feel engineered.
INTERACTION VIDEO — 16:916:9
INTERACTION DETAIL 014:3
INTERACTION DETAIL 024:3
05 — Conversion journey
From interest to action.
Proof, use, and a direct project enquiry.
Discovery
DISCOVERY16:10
Selection
SELECTION16:10
Enquiry or checkout
ENQUIRY OR CHECKOUT16:10
06 — Responsive experience
Designed for every screen.
Joints and diagrams survive a narrow viewport.
DESKTOP FRAME16:10
TABLET FRAME3:4
MOBILE FRAME 019:16
MOBILE FRAME 029:16
07 — Details that matter
The moments that complete the experience.
The finish lives in edges, labels, and hover.
NAVIGATION DETAIL16:9
TYPOGRAPHY DETAIL4:5
BUTTON / HOVER DETAIL1:1
MICRO-INTERACTION16:10
08 — Final experience
Built to be remembered.
Leave with the hardware still sharp.
FINAL EXPERIENCE — FULL WIDTH16:9