Shell Eco-Marathon Responsive UX Design
![Shell Eco-Marathon Responsive UX Design](/content/images/size/w2000/2024/02/shell-eco-marathon.webp)
Challenge
The Shell Eco Marathon required an integration of a leaderboard and live results feed into their existing website.
Solution
Designed a responsive User Experience for the leaderboard, featuring a filter system that enables users to quickly locate their team, seamlessly integrating it into the Shell website.
UX / Sketches
![](https://barna.design/content/images/2024/02/shell-eco-marathon-sketch-1.webp)
![](https://barna.design/content/images/2024/02/shell-eco-marathon-sketch-2.webp)
UX / User Journey
![](https://barna.design/content/images/2024/02/shell-eco-marathon-user-journey.webp)
UX / Wireframes / Desktop
![](https://barna.design/content/images/2024/02/shell-eco-marathon-wireframes-desktop-1.webp)
![](https://barna.design/content/images/2024/02/shell-eco-marathon-wireframes-desktop-2.webp)
![](https://barna.design/content/images/2024/02/shell-eco-marathon-wireframes-desktop-3.webp)
UX / Wireframes / Mobile
![](https://barna.design/content/images/2024/02/shell-eco-marathon-wireframes-mobile-1.webp)
SERVICES
- UX Workshops
- Agile Methodologies
- Sketches
- User Journeys
- Information Architecture
- Responsible UX Design
- Life-size display UX Design
- Wireframes
- Design handoff
INDUSTRY
B2C Retail / Automotive
SOFTWARE
RESULT
AGENCY
CREDITS
All logos, product and company names included are trademarks of their respective owners and subject to their own copyright laws.