Maintaining Nest Design System
Sector: Betting and Gambling Industry
Timeline: 2021 → 2024
FSB Tech is a B2B provider offering a platform for building and customising betting products. The company provides a range of offerings, including casinos, iGaming, retail, and sportsbook solutions. I was responsible for designing UI screens and refining our existing design system to ensure our designs aligned with the overall product strategy.
My role focused on developing and enhancing the visual and interactive elements of the user experience, while maintaining consistency and scalability across our product range and platforms.
Our team was responsible for creating the FSB Nest Design System, which we use to build websites and apps for our clients. This design system adopts a centralised file to house the components and utilises Figma Variables to customise pages for our clients, ensuring both consistency and flexibility in our designs.
Dynamic Breadcrumbs
This component allows users to backtrack or switch between Categories and Subcategories smoothly, helping them navigate the sportsbook more easily. This new feature is especially useful for punters exploring various betting options. It makes it simpler to move through sports, leagues, matches, and featured events, ensuring quick access to different areas.
Companion App
Product allows players to transfer bets placed within anonymous retail environments onto a digital wallet app via their smartphone with the ability to track it and cash it out at any time. The wager can also be transferred back to retail via a unique QR code.
Signing up with social account
Experience a simplified registration process by typing in your email address and password or signing up immediately with your social account.
Past Insights
Working on FSB Tech's design system Nest showed us important lessons about design. We learned that success is not about speed of creating mockups, but about making a system that works for clients worldwide. This meant adapting to different cultures and rules while keeping design consistent across markets and understanding the unique needs of various regions.
As Nest developed, we faced challenges with complex UI files, frequent changes, and diverse gambling regulations. We discovered that designers and developers must work closely together. Often, the design in Figma did not match the final website, revealing a critical gap in our process. Bridging this gap requires constant communication and collaboration to ensure what we design matches what users ultimately see and experience.