Interactive Experience
An interactive automation experience built to explain complex operational systems simply, from UX blueprints through to a shipped UI system used across the client's product line.
Deliverables
- Design lead01
- UI/UX design02
- Interactive design03
- Graphics04
- Video editing05
Client
- THL
- AutomationSector
The mission
Build a scroll-driven interactive experience that makes an abstract automation platform tangible for a technical buying audience.
The challenge
A rigorous timeline meant holding strong communication internally and externally while a new design system was still being built and collaborated on. Streamlining that process added value at every step.
The concept
A mobile-first approach with multiple breakpoints, kept tight through fast iteration and ideation off a growing design system. The client wanted big, bold and playful, achieved through typography, video headers and animation, balanced against a language THL already knew.
Intro: The next technology revolution
Wireframes & page architecture
Header concepting
Robotics chapter on desktop
Mobile experience
Video headers & interviews
Data dive on tabletVideos, interviews, animations and data viz combined to tell the story properly. Challenges were tackled through thorough QA and delivered an experience unlike anything THL had done before. It was shared with partners and a steppingstone for a growing client partnership.
Credits
Design lead · UI/UX · Interactive · Graphics & Video editing: Remy Cuesta
Tools
Miro, Photoshop, Illustrator, Figma, low-code web tool, Adobe Premiere Pro