Kindred / 32Red — 4 months — 2022–2023
⚠ Some visuals are restricted or anonymised due to ongoing NDA obligations.
📣 Challenges
Business owners and colleagues across many teams — acquisition, content, promotions, game categorisation, segmentation and more — manage vital systems in multiple aging tools that have reached their final days. These prevent the integration of new features across different areas, including the front-end.
These back-end management tools were not built for big data, many concurrent operations or multiple users across different roles, causing crashes and significant latency during critical operations at peak times.
Back-end issues translate directly into front-end issues that can impact users for longer than expected on key areas and journeys. It's impossible to add new functionality and experience improvements to the front-end without deep back-end changes.
🎯 Objective
Unify the different in-house CMS and tools into a robust, role-based CMS — Winston — tailored for multiple brands and built to cater to different game providers, markets & restrictions, regulatory and compliance needs, languages, currencies, CRM & promotional activities, and many others, offering best-in-class performance and functionality.
🏆 Final Results
🥋 My Role
Team Lead across a team of 1 Senior Product Designer (Rita Fernandes), 1 Researcher (Maria Ramos) and 1 Content Writer (Chris Vaughn). Held Dailies, Weeklies and Retrospectives to ensure the project, tasks and objectives were being met throughout.
Organised meetings and interviews with different teams — development, QA, PMs, stakeholders, and both new and seasoned users of the existing systems — to understand requirements, objectives, pain points and delivery roadmaps. Laid the initial research foundation and the initial system and information architecture.
Established the architecture of the system and priorities for MVP and following releases, coupled with research and content, while defining Winston's visual identity and overall user experience. Regular catchups with key stakeholders ensured consistent progress reviews and alignment.
Presented final deliverables to stakeholders, development and other relevant teams for final release and in company-wide events.
📑 Methodology
Starting with a deep research into the current ecosystem and functionality — and after many interviews and meetings with teams, stakeholders and seasoned as well as new users of the existing systems — we gathered the stepping stones to begin the process.
Insights from these interactions laid the foundation for the initial maps, flows and information architecture. From there the first mockups were born, with prototypes and a defined visual identity shaping Winston's appearance and key experience factors that created a unifying language across many different "worlds".
Workshops and presentations were booked throughout the project to ensure the team, stakeholders and remaining teams — from Development, Data+BI and Compliance+Player Safety, to CRM, SEO+Acquisition, Customer Support and Sustainability — were on the same page and value was being delivered at every step.
🧠 Retrospective & Learnings
One of the interesting exercises we did was to imagine how the casino experience would look in a few years — tighter regulations, much clearer dashboards and data visualisation on spend and gameplay, but also deeper integration with games and promotional content, creating a seamless omnichannel real-time environment with extreme customisation and gamification.
This helped define a roadmap of features and enhancements for our products in the coming years, and gave us an extensive list of capabilities that Winston would need to grow up to, mature and support over time.
Winston also presented an opportunity to review many existing processes from a regulatory, compliance and payments level — streamlining those into easier systems that translate into better, frictionless user journeys.
📌 Features
🔧 Tools
User Zoom · User Testing · Google Forms · Optimizely · Adobe Analytics · Snowplow · Google Analytics · Figma · Miro · Confluence · JIRA · After Effects · HTML & CSSThank you for reading! ❤️
Due to the sensitive nature of certain information, some details or screenshots might be restricted or blurred, considering ongoing developments and confidentiality constraints.
Project Winston was initiated to unify diverse in-house CMS and tools into a robust role-based CMS, tailored to cater to varied markets, languages, and currencies.
This involved comprehensive research into the 32Red ecosystem, organising many interviews and meetings with teams, stakeholders and seasoned (as well as new) users of the existing sytems. Insights gathered from these interactions laid the foundation for the creation of initial mockups, prototypes, and the visual identity defining Winston's appearance and user experience.
The project's impact extended beyond backstage operations to significantly enhance front-end user experiences.
Notably, with infrastructure and database restructuring, Winston delivered remarkable performance improvements, with page load times and overall performance seeing substantial increases upwards of 30-40%.
Certain details and/or screenshots might not be available, or might appear with certain parts erased or blurred. This is still an ongoing project and might reveal sensitive information about the business or its processes that unfortunately can't be shared in public or through non-official channels.
Targetting the UK market, the challenge on this project was moving from a wrapper/embedded Casino app experience to a native Casino App.
My team was responsible to deliver this project very quickly, from competitor research to several meetings with internal stakeholders, brand and development teams and external/3rd party intervenients for a few of the different processes, to the final mockups and deliverables.
The app is currently on its final stages of development and will be submitted to the app store pretty soon!
Creating opportunities and product real-estate to support the brand ambassador Leigh Francis and "Keith Lemon", and the ongoing UK wide TV campaigns. The aim was to increase the brand ambassador visibility on the website experience, landing pages, marketing comms and others.
From header banners, to larger more interactive areas, landing pages, to promotional content and pages, to a mini casino game (called Keith's Lucky Lemons), to safer gambling messaging, we've made sure "Keith" was all over the place.
Every season, and every other special occasion, we surprise our users with many different "on-site activites", little things that make the product experience feel special and differentiated from the competition.
From mini treasure hunts, to on-site animated christmas market promotions and mini-games/events, Football World Cup or Olympic games hubs, Valentine's day or Halloween themed, we always have 3 or 4 little surprises to make the website celebrate with the user those special passing moments and seasons.
It's also times like these where we allow ourselves to experiment a little further with new technologies (looking at AR/VR). You can see below our latest experiment, parallax animations and object movement controlled by the mobile phone aceleromenter/gyroscope which then resulted in a very fancy Halloween themed on-site wide banner.
This product is a donations platform to support local institutions and charitable projects.
Made both for institutions and donors, the user can quickly register as a verified institution, create a profile page with images, and generate a QR code to use throughout his activities and marketing materials, to request donations. As a donor, the user can quickly register (or stay anonymous), scan a QR code, and be easily sent to a payments platform where he can donate any amount.
This product was conceived in a 48 Hours Hackathon organized in Gibraltar by the local Girls in Tech community and by the Gibraltar Developers (GibDevs) community, and won the award for the most innovative product.
Certain details and/or screenshots might not be available, or might appear with certain parts erased or blurred. This is still an ongoing project and might reveal sensitive information about the business or its processes that unfortunately can't be shared in public or through non-official channels.
Several studies were produced on how to introduce gamification elements to the Casino products to increase retention and engagement, as well as a new innovative Casino product, 100% Social and Gamified.
Heavily based on Abraham Maslow "Hierarchy of Needs" and Nyr Eyal's "Hook", we've studied different concepts and through missions and progression systems, created a system that rewards players for engaging with the product and allows him to progress where he can unlock more activities and bigger rewards.
From our researches, not only we created a more ethical and sustainable gambling environment for the player, but we've also seen a change in the players behaviour - casino players aren't really social, but we gave them something to brag about.
Certain details and/or screenshots might not be available, or might appear with certain parts erased or blurred. This is still an ongoing project and might reveal sensitive information about the business or its processes that unfortunately can't be shared in public or through non-official channels.
The UK Casino market is heavily regulated and every year there's changes that require teams to adapt quickly and changes to be done even faster.
This project aimed to increase acquisition values across all markets/devices, as well as improving the user experience and informing the player sooner rather than later of all the changes imposed by the law and what do they mean to them in a clear and concise way.
Adding to a normal registration process, law requires any casino to do a few player verifications - from personal/ID checks, to source of funds, and a few others, so all of these need to be factored in the Casino ecosystem, as well as regular checks to ensure all the information sent by the user is up to date.
It's very important for a business to keep its product visual language to a minimum and unified under core concepts, to be served as a "single source of truth" for business partners and 3rd parties, or for new team members to get acquainted with our day to day "language".
Following Atomic Design principles, we've split our elements into their simplest atoms, and from there we've built them up until we've had our final templates and everything needed in our "visual language", to work across many devices, screens and operating systems.
Teetimes.pt had their main product spread across 3 different non-responsive websites, with 3 different brands, and the challenge was to unify all different products into 1 powerful website that allows Golf Players to book their perfect holidays - from tee times, to hotel bookings, to airport transfers, to golf clubs, everything is covered.
The new website (multi language, multi currency) ended up in a very comprehensive solution that worked across all devices, and where the user could immediately see in real time any tee times in Portugal or Spain, and immediately book it and anything to go with it, or manage everything through their user area.
In the end, this website quickly replaced the previous ones with a resounding success and bringing the business to new heights.
Now discontinued, Rotolight Magic Eye was the app done to control the Rotolight Anova Professional LED Flood Light.
The Rotolight Anova was the world first professional light fully controled via WiFi, and the Magic Eye was the brain behind the whole operation - you could control up to 128 lights, create different scenes, store them, reload them and sequence them in whatever way you'd prefer.
One of its innovative features was being able to replicate in real-time the lighting conditions through the iPhone camera - let's say, if you were in Bahamas shooting whatever Pirates, you could quickly read the light conditions around you, then send that information to the light on-set in England, and it would immediately replicate the exterior.
Both light and app won many industry awards in worldwide shows (CINEC, NAB, CINEGEAR, IBC,... ) and through many photography and videography associations and societies events.
Rotolight was a very recent company when I joined as Lead/Senior Designer and shortly after they moved to Pinewood Studios.
From being responsible of all online and offline graphics (prints, ads, magazines, flyers, brand materials, marketing materials, outdoors, ...), also had the website and any supporting app/site experience under my umbrella.
As a very young and innovative company at the time, we were embracing all the latest tech and innovations to create a strong website and presence, as well as bring it into every new product, making it a very fast paced, passionate and challenging environment to work on. It was also very inspiring, and gave me the opportunity to have a peek at some of Hollywood's recent movies being recorded, as well as being side by side and talk with some movie stars.
Appleworld Distribution was the parent/umbrella company that held Rotolight and a few others: Planet Audio Systems, Planet Video Systems and Mac Universe.
As a distributor and mainly focusing on the B2B market, it was a very interesting opportunity to work with a few different brands whenever they introduced their products in the UK, as it would give us the opportunity to work with teams from other companies in beset tailoring a product to be tailored for the UK market.
From creating custom mini-websites for product releases and events, and mantaining the website and all offline and online graphics, literature and marketing materials to the front user facing Planet Audio, Planet Video and Mac Universe, which were fully fledged online shops targetting the Pro-Audio, Pro-Video and Mac audiences.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.