Shiny Car Wash
UX • WEB • DESIGN
A mobile car detailing & washing provider that services the Vancouver lower mainland.
This exploration was done to improve their user interface and overall visual design. The main focus was to improve the website and the booking experience.
( Fig. 1 ) Mobile Car Wash
The Problem & Solution
A core problem that Shiny was facing was increasing booking conversions from the desktop and mobile web. What was looked at on a deeper level was the information architecture of the homepage and simplifying the booking process. To brainstrom
ideas we adopted a "how might we" exercise.
Design System
One of the flaws of the current site and booking experience was a lack of cohesive design. To improve this a design system with a focus on color and typography was created which helped the overall information hierarchy.
Homepage Desktop Design
The goal of the homepage is to showcase the many benefits of Shiny Car wash and to make booking a mobile car wash easy. Sharp illustrations, direct and informative copy and a clean grid were utilized to sell Shiny’s mobile car detailing services.
( Fig. 2 ) Homepage Screens
Wireframe Mobile Screen
There was a lot of exploration to try to nail the mobile experience. From black and white wireframing to use of colorful illustrations, everything was tried to create a strong and seamless mobile interface.
( Fig. 3.1 ) Mobile Screen Exploration
( Fig. 3.2 ) Mobile Screen Exploration
( Fig. 3.3 ) Mobile Screen Exploration
( Fig. 3.4 ) Mobile Screen Exploration
Onboarding
The onboarding screens are crafted to demonstrate the ease of use of the Shiny detailing services. The goal is to show customers how simple the book and cleaning process is.
( Fig. 4 ) Mobile Onboarding Screens
Fleet Cleaning
This is a secondary service that Shiny provides to business. This service received too much focus on the main website which was mostly frequented by folks looking to clean their personal vehicles. The goal was to build this section out as a secondary landing page for this segment.
( Fig. 5 ) Fleet Desktop Landing Page
Value Added Services
Wanted to create a simple page that highlights all of Shiny’s various secondary services after mobile car detailing. That way customers would be aware of the added value that Shiny provides.
( Fig. 6 ) Value Added Landing Page
Conclusion
While this was a conceptual exercise, there were a lot of key learnings about customer segmentation, design hierarchy and simplifying the overall booking experience. The object was always to measure success by increasing bookings.
THANK YOU FOR SCROLLING