Virgin Islands Ski Responsive Upgrades

Improving usability across all screen sizes and devices
Go To Project ↗

Smooth Slopes, Smooth UX: Making Rentals Easy on Every Screen

The Challenge

Virgin Islands Ski & Snowboard Rentals needed a better digital experience for all users—particularly those on mobile devices and those using assistive technologies. The site’s navigation and forms weren’t fully optimized for keyboard or touchscreen users, and several contrast and markup issues created friction for visitors with visual impairments. It was time for a comprehensive accessibility and responsive design update.

My Solution

I focused on creating a more inclusive, device-friendly experience through targeted code and design improvements:

  • Semantic HTML: Cleaned up form markup and applied correct input types and associated labels for improved screen reader usability.
  • ARIA & Alt Attributes: Ensured visual elements and interactive areas were accessible with ARIA roles and alt text where needed.
  • Keyboard Navigation: Enhanced focus styles and fixed tab order to support smooth keyboard access throughout the site.
  • Responsive Design Fixes: Adjusted layout, spacing, and touch targets for seamless use on mobile phones and tablets.
  • Contrast Consultation: Provided guidance on improving color contrast to meet WCAG standards for readability.

Results & Impact

  • Increased Accessibility: Screen readers, keyboard navigation, and other assistive technologies now function seamlessly.
  • Mobile Optimization: Clean, responsive layout reduces bounce rate and improves usability on all screen sizes.
  • Improved Form Interaction: Users can easily navigate, complete, and submit rental forms from any device or input method.
  • Compliance & Inclusivity: The updates make the website more inclusive and closer to WCAG accessibility compliance.

Key Takeaways

  • Accessibility improvements benefit all users, not just those with disabilities.
  • Small changes in HTML structure—like labels and ARIA attributes—can make a big difference in usability.
  • Mobile-first design ensures users can interact with content anywhere, anytime, with ease.
  • Consistent focus handling and improved contrast are essential to a frictionless UX.
← return to portfolio