Fraser Hart
Luxury Jewellery & Watches
- Client
- Fraser Hart
- Focus
- Design System
- UX/UI
- Industry
- Retail
- Date
- 2023
Transforming Fraser Hart's existing website with a design system that incorporates their new brand elements and enhances their online appearance.
Challenge
To improve Fraser Hart's existing look and feel and align with the new direction based on updated brand elements. Providing a design system that enhanced existing website components. This included applying the updated brand considerations and improving user functionality to deliver an elevated online shopping experience."
Solution
The updated design system offers an overview of all website components, categorising them into sections. The updated look and feel have been applied to existing components while considering future elements, making it easier for in-house staff to locate components. This includes improvements to pages and components such as account pages, previous orders, store finders, product pages, and product cards.
Updated typography and color schemes replaced existing styles, enhancing visual hierarchies and facilitating a global rollout of the improved aesthetic. Additionally, colours were adjusted to ensure online legibility and compliance with AA accessibility standards. The design system also includes multiple states for modules, such as navigation states, iconography, drop downs, hover effects, and account statuses. This approach ensures a consistent and professional look across every aspect of the website and helps future-proof any new introductions.
