Hydrogen fuelling. For a better, cleaner future.
Shell Hydrogen • 2017 - 20 • Design, Prototype, Testing
Summary
Design of a next-gen hydrogen fuel dispenser experience
During my time at Designworks we developed an iconic design for a new hydrogen dispenser that is primed to become a flagship on Shell forecourts across Europe. I was responsible for the user journey and digital experience. Using the redesign as an opportunity for improvement, I created a simpler, yet richer experience.
UX Challenge
Testing a physical & digital experience
Albeit there was zero user research done for this project, I made sure to test my designs incessantly. Very early on, I used a physical prototype of the dispenser (a leftover from ID) and printed out screens to get an understanding for the user’s holistic experience.
This quickly yielded insights about perception and behavior, allowing me to reduce friction and increase usability. That way, I learned about different interesting challenges posed by the large size of the dispenser screen, such as accessible placement of elements, private information shown in a public place, etc.
Testing a low-fi prototype
UI Challenge
Design for emotion, trust, and engagement
Despite its safety and sustainability, hydrogen fuel is still less popular than electricity. Consequently, part of the project’s goal was to educate about advantages and to increase acceptance of the water derivative.
As such, the design is based on three pillars:
Emotion. A friendly visual language, it invokes familiarity, helping over the fear of the unknown.
Trust. Through feedback and assurance, the design establishes credibility and confidence.
Engagement. A clear IA increases usability while strong CTAs trigger curiosity and engagement.
Functional screen architecture
Prototyping
Prototyping for the big screen
For the final presentation, I created prototype on a portrait 4k touchscreen simulate that would fit into the final physical shape and demonstrate the main features of the design.
After testing several prototyping tools, I settled with a combination of Axure and proto.io, resulting in one prototype for the demo and a mobile one for the client audience to “take home".
The entire team at the final presentation. Thanks guys!
Want to know more? Get in touch