.svg)
For the Uber Hero Walkthrough, my goal was to create a series of videos to illustrate a clear and visually engaging guide that showcased the functionality of Uber’s Hero UI. Working with creative direction from Dystnct Media and leveraging client-provided assets, we set out to build a motion piece that was equal parts instructional and brand-driven. The challenge was to not just demonstrate the interface, but to design an experience that felt as seamless and polished as the product itself.
I translated static assets into a dynamic walkthrough that aligned with Uber’s design language. Every transition, timing decision, and interaction was carefully crafted to highlight ease of use while reinforcing brand clarity. By leaning into motion as a storytelling tool, the walkthrough became more than a simple tutorial — it embodied Uber’s commitment to intuitive design and user-centered functionality.
The aim of the Uber Hero Walkthrough was to transform a functional UI demonstration into a clear, engaging, and brand-consistent motion experience.
We focused on clean, responsive design, ensuring that the site performs flawlessly on all devices, from desktops to smartphones. Engaging animations and interactive elements were incorporated to capture the attention of visitors and keep them engaged.
Working closely with the creative director and the Uber brand office to refine narrative flow, I worked to ensure that the pacing carried users naturally from one step to the next. By balancing technical precision with an editorial eye for rhythm and visual impact, we delivered a piece that not only demonstrated how the Hero UI works, but also reflected the forward-thinking energy of Uber’s brand.
The Uber Hero Walkthrough launched as a clear and engaging motion guide that transformed a standard UI demo into a polished brand experience. The piece gave Uber a tool that was both instructional and aspirational tool that helped users quickly grasp functionality while strengthening brand perception. The collaboration ensured that every detail, from pacing to transitions, worked toward client success by making the interface more approachable, memorable, and aligned with Uber’s forward-thinking identity.
By fusing clarity with dynamic storytelling, the piece not only showcased the Hero UI but also reinforced Uber’s reputation for seamless, intuitive design.
The final delivery distilled complex functionality into a motion piece that felt effortless to follow and unmistakably on-brand. In doing so, it strengthened user confidence while showcasing Uber’s commitment to design that moves as seamlessly as its service.
