Elite Ski Responsive Upgrades

Improving Accessibility & Mobile Device UX
Go To Project ↗

Spend More Time On The Mountain with better service for mobile devices

The Challenge

Elite Ski & Snowboard Delivery wanted to ensure their website worked flawlessly for all customers—whether booking rentals on the go or browsing from home. Their forms lacked semantic structure, contrast issues impacted readability, and navigation wasn’t fully accessible to keyboard or screen reader users. Improving these aspects would help streamline the gear delivery process and create a more inclusive experience.

My Solution

I applied accessibility best practices and responsive design techniques to ensure the site works smoothly on any device or input method:

  • Semantic HTML Forms: Reworked form markup for better structure and accessibility, including proper labels and field grouping.
  • ARIA & Alt Attributes: Added descriptive roles and alt text to help assistive technologies interpret content correctly.
  • Focus Management: Improved keyboard focus behavior, making navigation easier for users who rely on non-mouse input.
  • Responsive Enhancements: Optimized layout and UI elements to perform reliably on phones, tablets, and desktops.
  • Contrast Adjustments: Audited and consulted on contrast levels to improve visual clarity and meet WCAG guidelines.

Results & Impact

  • Faster Booking: A more intuitive, accessible interface reduces booking friction for users across all platforms.
  • Accessibility Compliance: Forms, buttons, and content now support screen readers and keyboard-only navigation.
  • Improved Visual Clarity: Increased contrast and better layout spacing enhance the reading and interaction experience.
  • Device Agnostic: Whether mobile or desktop, the site is now easier to use and navigate, increasing customer satisfaction.

Key Takeaways

  • Accessibility feature—or lack thereof—directly impact user satisfaction and conversions.
  • Well-structured, semantic markup improves both usability, which translates into more sales and repeat customers.
  • Responsive design is about more than layout—it includes ensuring intuitive interaction on all devices.
  • Prioritizing accessibility early in a project leads to better, more inclusive outcomes.
← return to portfolio