Project Description
Responsive revamp of The National Lottery’s website.
The Challenge
To completely modernise the National Lottery’s online offering applying modern, user-centred UX practices, steering stakeholders away from the dated skeuomorphic look and feel of the existing site.
Approach
The approach was, to begin with a blank slate, only using the existing site to provide analytics data and help define personas. A design system was implemented from the beginning to ensure consistency within the design team. Working hand-in-hand with UX designers and in consultation with front-end developers, a concept was devised and developed to a high-fidelity prototype which was then used as the main tool to present and sell the new direction to senior stakeholders within The National Lottery.
Solutions
Design System
A basic brand-led design system was created. It addresses all the lottery’s sub-brands and instant-win games to ensure brand consistency throughout the site while also modularising the design approach to aid evolution and build. The first thing that was necessary was to tweak the colours of all the sub-brands to adhere to WC3 AA accessibility standards, ensuring the correct levels of contrast.
User Interface
The UI solution relied on extensive use of infographics to enhance data display. Magazine style content helped bring the brand to life, adding a human element to the lottery results and game playing while showcasing the good causes sponsored by playing the lottery.
Iconography & Graphics
Bold icons and infographic elements complementing the UI were conceptualised to be used in SVG format, addressing all resolutions and facilitating animation of the assets.