The client
Sport Buff is a real-time fan engagement extension that uses gamification to engage audiences throughout the world of sport. Being able to be installed on mobile phones and streaming services, such a Twitch, the product is a white-label which empowers partners to create unique moments, and keep viewers like never before.
The problem
Sport Buff approached Shoreditch Design Studio to work closely with their UX designer to initially research how v1.0 could be improved. Due to the increased popularity, and the ambition, of the company, the owners thought the current user interface was good. But not to a standard that would help support their increasing client portfolio and achieve their business goals.
The solution
This project, being on multiple devices, as well as an extension, proved to be a challenging one. The UX research here was so important, due to the size of the final product. For example, if a user is playing along with Sport Buff during a football match while watching the game on their phone, we had to be aware of the amount of space on the screen that the extension was taking up. A lot of user testing and interviews were needed from the start of these updates. Once we had this research in place, I had to design the UI elements, keeping in mind that this is a white-label product. Therefore, whatever we design needs to fit for all of Sports Buff's future clients. How did I achieve this? Through the creation of a UI element design system.
The result
Working closely with the in house web, iOS and Android developers, I could introduce a versatile design system that would act as the foundations for each client, ranging across all platforms, with ease. I also introduced the option of a switch between light and dark modes. Off the back of this work, SportBuff asked me to have a look at upgrading the design of their Content Management System, to allow for the addition of new features and bring in alignment with the new mobile designs.