Design System
Bringing consistency, efficiency and a stronger brand.
Role
Lead Product Designer: leading the strategy and implementation of Love Home Swap design system.
Year
2023
Company
Love Home Swap
Like in the famous Christmas film ‘The Holiday’ Love Home Swap is an international home swapping site. With just a yearly subscription, members can look for suitable homes to swap with as much as they want. Members choose home swapping because it is a cheaper and authentic way to travel.
About
Love Home Swap design system had some style guidelines and components, but it was clear there was further work required to complete the whole design system.
The Problem
After reviewing the site it was clear there were many inconsistencies between components especially between the current and old version of code base. There was no formal process in place to handover finalised designs to development.
The Opportunity
To bring consistency to the product and therefore strengthen the brand and user experience.
Speed up design and front end team by having reusable components.
Bridge the gap between design and front end.
The Process
After an audit of the site (including copy), inconsistent components and
styles could be consolidated. As the whole design team worked on building the design system, it allowed the team to knowledge share. The front end team had a weekly meeting to review the design system to come back with any comments to ensure they were looped into the process as much as possible.
Zeroheight was the selected tool to document the design system with guidelines and examples available to the public.
Next Steps
Size the effort to implement the design system, which would inform the plan to roll out the changes.
Complete user testing to ensure usability hasn’t been effected.
To workshop a handover process between design and front end to ensure design (Figma) was in line with front end (Storybook).