COVERCRAFT
UI + UX Site Enhancements
Covercraft creates premium, custom-fit covers and accessories for vehicles, offering exceptional protection and durability to keep your car, boat, or RV in top condition.
Overview
Covercraft aimed to enhance their website by improving shopability, accessibility, and the overall user experience on both mobile and desktop. The goal was to make it easier for customers to find what they needed and provide a smoother, more intuitive shopping experience.
ROLES
Design Exploration
Accessibility
Component Design
Wireframing
Style Guide
Responsive Design
High-Fidelity Design
Dev Handoff
AGENCY
ZaneRay
TIMELINE
2020 – 22
Goals
Create responsive product cards for different experiences
We designed versatile product cards for Covercraft’s website to enhance both desktop and mobile browsing. For desktop, we created two card styles: a compact version that displays more products in a row, and a horizontal card optimized to showcase detailed information. On mobile, we streamlined the cards to fit more products within the scroll, allowing users to browse efficiently without overwhelming screen space. This tailored approach improved the shopping experience across devices.
Update the navigation
We enhanced the navigation by indicating when a user had added a vehicle, making the shopping experience more personalized and intuitive. To keep things visually engaging, we incorporated icons for the main menu categories, creating a cleaner, more user-friendly interface.
Create Custom Icons for RV, Marine and Patio Cover
We designed custom two-toned icons to reflect the diverse range of vehicles Covercraft serves, from cars and trucks to RVs, marine, and patio categories. These icons were integrated into the navigation, helping users quickly differentiate between categories and find the products they need, enhancing the overall browsing experience.