Skip to content
WorkLabAboutLet’s Talk →
01 / 01
Comparison of the original Ability Commerce | Rimmer website with the redesigned responsive storefront displayed on tablet and mobile devices

Original Website vs. Responsive Redesign

Ability | Rimmer

COMPANY Ability Commerce | Rimmer

I redesigned the storefront to make it responsive across devices, with a larger search bar, improved navigation, and a refreshed homepage featuring prominent vehicle imagery.

Problems Solved

  • Made the storefront responsive across desktop, tablet, and mobile.
  • Made product search more prominent.
  • Simplified vehicle browsing with larger imagery and clearer navigation.

DISCIPLINES

UI/UX Design · Responsive Design · Front-End Development

TOOLS & TECHNOLOGIES

  • Adobe corporate symbol © Adobe. Source: https://main--cc--adobecom.aem.live/cc-shared/assets/img/adobe-corp-logo.svg. Original geometry; monochrome display and trimmed padding.Adobe XD
  • Visual Studio product symbol © Microsoft. Source: https://visualstudio.microsoft.com/wp-content/uploads/2021/10/Product-Icon.svg. Original path geometry; monochrome display.Visual Studio
  • Font Awesome Free by Fonticons, Inc. — https://fontawesome.com — Icons licensed CC BY 4.0: https://creativecommons.org/licenses/by/4.0/ — SVG paths unchanged.HTML
  • Font Awesome Free by Fonticons, Inc. — https://fontawesome.com — Icons licensed CC BY 4.0: https://creativecommons.org/licenses/by/4.0/ — SVG paths unchanged.CSS
  • Font Awesome Free by Fonticons, Inc. — https://fontawesome.com — Icons licensed CC BY 4.0: https://creativecommons.org/licenses/by/4.0/ — SVG paths unchanged.Angular
  • PrimeNG symbol © PrimeTek. Shield with original mascot paths used as negative space. Source: https://www.primefaces.org/presskit/primeng-logo-black.svg. Original path geometry; monochrome display.PrimeNG
  • Font Awesome Free by Fonticons, Inc. — https://fontawesome.com — Icons licensed CC BY 4.0: https://creativecommons.org/licenses/by/4.0/ — SVG paths unchanged.Bootstrap
  • Font Awesome Free by Fonticons, Inc. — https://fontawesome.com — Icons licensed CC BY 4.0: https://creativecommons.org/licenses/by/4.0/ — SVG paths unchanged.Jira
Font Awesome Pro © Fonticons, Inc. — https://fontawesome.com/licensePreviousAbility | MarketingFont Awesome Pro © Fonticons, Inc. — https://fontawesome.com/licenseAll WorkFont Awesome Pro © Fonticons, Inc. — https://fontawesome.com/licenseNextAbility | OMS
© 2026 Roy Vella
All work ↗Changelog · v0.001