William Hill - Mobile & Desktop iGaming Topbar

Working with a small Front End Dev. Team to redesign and update the UI for the existing iGaming Topbar for William Hill’s Online Casino, as they moved from a Flash solution to HTML 5.0.

I was only given a short, vague brief to redesign all elements of the UI to fit within the existing William Hill brand and their new website. I wasn’t provided with branding details, so I started by researching William Hill’s website and inspecting the HTML & CSS to make sure I had all the correct details before starting on the initial designs.

I used Adobe Photoshop to mock up the new UI. After a couple of iterations and working with feedback from the customer, I got the designs signed off. I then created some basic HTML/CSS for the visuals and created the style guides, before passing the design assets to the developers.

You can see the designs of the Topbar project delivered to the customer, in its various states, below: