Skip to main content

Hello There!

Do you like discovering new things?

bet365

AI in the team. A selective AI rollout across multi-market design teams.

bet365 app screen: all sportsbet365 app screen: homebet365 app screen: games, casino homebet365 app screen: all sports
bet365 app screen: homebet365 app screen: livebet365 app screen: games, crash gamesbet365 app screen: home
bet365 splash screen
bet365 app screen: livebet365 app screen: games, crash gamesbet365 app screen: homebet365 app screen: live
After this study you will know that

I brought AI into a large, regulated design organization early, with clear rules for quality and data, and that it keeps spreading beyond my own team.

Overview

I introduced AI into the design teams at bet365, among the first in the company. With Claude and Figma, I built shared skills with the team, from research to banners, so a large team works faster and follows the same standards. AI went only where the data rules allowed it.

Client
bet365, an online sportsbook
Type
In-house product design
Role
Design lead, then design leader, with direct reports
I led
AI adoption in the design teams: training, shared skills, working rules
Others led
Sponsorship and guardrails (Head of Design, Product Owner), development, data-security rules
Team
Mid and senior designers with a few juniors, across region-specific teams; product managers; developers
Tools
Claude (skills, artifacts, research) connected to Figma
Status
In use today, limited to segments where data rules allow it
Country
Multiple markets, with region-specific versions
Date
2025 – present
Duration
Ongoing
Outcome
Faster, better and more unified work, with more people working as one
NDA
Internal screens, figures, names and tool setups are not shown
Read
About 8 minutes
Tags
AI, design leadership, design systems, sportsbook

bet365: AI Integration & Global Leadership

The Challenge

Integrating complex, AI-driven features into a high-stakes, globally regulated sports betting platform without compromising zero-latency performance or user trust.

My Role

Lead Product Designer & Behavioral Architect. I directed cross-regional teams (Palm Teams) to align AI capabilities with established user mental models, navigating strict compliance constraints and ethical safeguards.

The Business Impact

Established a scalable behavioral framework that increased cross-regional design consistency, reducing QA tickets by 15%. Streamlined the cross-functional workflow, cutting design-to-development handoff time by 30% while maintaining zero-latency transactional flows.

Sticky note with a Claude prompt

A team of pros who had not worked with AI.

Hook and context

The product is mature. We maintain it and fine-tune it, and every day new segments are added, for every market. The designers I joined were strong professionals. AI was not yet part of how they worked.

I came with a doctorate in digital arts, with a thesis on AI and human-computer interaction. I had been using generative tools before this initiative, and I could see where our process, with many people passing through the same steps, could be much simpler.

AI was going to reach the company sooner or later. I wanted to be among the first, and I am glad that I was.

Sticky note with a Claude prompt
Team around a table with laptops, printed screens and sticky notes

AI illustration. How we worked: screens on the table, prompts on sticky notes. Not a real photo.

Many hands, many markets.

Problem

The app is not the same everywhere. There are region-specific versions, so it differs from market to market. That means many teams, many segments and many small variations, produced every day.

The risk was a product that looked different depending on whose hands made it.

Business goal

Move faster, and keep teams connected across markets.

Team goal

One shared order of work, so the work follows shared standards and reads as one product.

Sticky note with a Claude prompt

Lead, with direct reports.

My role and its limits

I led the designers directly and I was accountable for how this rolled out. I also had to persuade other people to let us try new technology.

The Head of Design and the Product Owner were the key sponsors. I was given the role of lead first, then leader, and the room to apply my own knowledge and ideas about AI and about other things in the company.

I did
  • Learned the tools first
  • Made the case to sponsors
  • Ran training for the team
  • Built skills with the team
  • Set the working rules
Others did
  • Head of Design and Product Owner: sponsorship
  • Management: the final yes on AI in the teams
  • Product managers: priorities
  • Developers: their own AI work, later

Four rules I held to.

Principles

These came from how I work, and from my research background.

  1. AI is a tool and a colleague, not a replacement. Nobody on the team saw it as a threat.
  2. Data decides where AI goes. Not enthusiasm.
  3. It has to read as one product. Shared skills carry the rules, so every screen follows the same standards.
  4. AI does not do the whole job. It generates well. It does not understand behavior the way we do.
Schematic screen: Claude and Figma with team skills
Schematic screen: Claude and Figma with team skills
Schematic screen: Claude and Figma with team skills
Schematic screen: Claude and Figma with team skills
Schematic screen: Claude and Figma with team skills

Real screens, made by the team.

From the real app

Before the AI examples, here is work from the real app that our team designed: a promo module, and the payment screens, which I made with the team. The promo module is original, as it runs; the payment screens are redrawn here in the latest design.

Original bet365 promo module: Video Wall, designed by the team

Real app, original. A promo module our team designed.

Payment flow redrawn in the latest design: account page with balance, Deposit button and the five-tab navigation
Payment flow redrawn in the latest design: Deposit with Apple Pay, Deposit Limits and Take a Break
Payment flow redrawn in the latest design: choosing a payment method

Payment screens made by me and the team, redrawn in the latest design at iPhone 18 Pro size: account, deposit and payment method. Amounts are placeholders, in pounds.

Paying in, in every market.

Payments

Payment is the part of the app where trust matters most, and it is not the same everywhere. In the UK the public list includes debit cards, Apple Pay, Google Pay, PayPal, Trustly and bank transfer, and credit cards are no longer accepted for deposits. The screens above are drawn for the UK, in pounds. In other markets the list differs: in the EU, for example, it includes Sofort, paysafecard and Skrill.

Even this short flow carries the care tools. Deposit Limits and Take a Break sit on the deposit screen itself, under the amount, where someone about to pay will see them.

The payment flow was designed by the team I lead. We kept it short, and we put the care tools in the one place where a customer is sure to see them.

Where the list differs
By market. UK and EU screens do not offer the same methods.
Public source
UK payment list from a public third-party site
bet365 app home screen: search, promo banner, Bet Boost card and the five-tab navigation
bet365 app In-Play screen: live football with odds and the navigation bar

Latest app design. Text and amounts localized to English and pounds for this page.

01

Five tabs, one clear place

A navigation that always tells you where you are.

The latest app design is built around five tabs: Home, Sports, In-Play, My Bets and Games. The team designed the screens you see here, and my focus was the navigation, so that a customer always knows which part of the app they are in.

  • Navigation
  • Active states
  • App design
bet365 app All sports screen with A-Z list
bet365 app Games screen with game categories and exclusive tiles
bet365 app Games home with welcome offer banner
The five-tab navigation: Home, Sports, In-Play, My Bets and Games, shown with the active state on four tabs

Latest app design, with the navigation I focused on: five tabs, one clear active state. Text and amounts localized to English and pounds for this page.

A small bar, a big job.

Navigation

The navigation bar appears on almost every screen, so a small unclear detail there is repeated across the whole app. That is why I spent my time on it: five tabs and one clear active state, so that Home, Sports, In-Play, My Bets and Games each feel like a place of their own.

What the skills produce.

Screens made with AI

The skills write down the steps and the rules, so the output follows one grid and one type scale. The screens and banners below were made with AI to show the kind of output I mean. They are illustrations, not real work screens.

Three example app screens made with AI: home, live matches and bet slip

AI illustration. Example screens, not real work.

Example promo banner made with AI: Match night boostsExample promo banner made with AI: Live in-play

AI illustration. Example banners with AI-generated people, not real work.

Schematic: screens before shared skills
Schematic: screens after shared skills

A new feature, made with AI.

Bet Track

Bet Track lets customers follow their bets in real time from the iPhone lock screen or the Dynamic Island, so they do not have to keep opening and refreshing the app to catch the key moments of a match.

It shows the status of single bets and Bet Builder bets, key match stats, and the current cash-out amount, which updates as soon as something changes on the field. For football, American football and basketball there is also a Progress Track mode: visual indicators of how specific markets are going, such as corners, dangerous attacks or shots on target.

We made this feature with AI.

Feature
Bet Track and Progress Track, on the lock screen and the Dynamic Island
Made with
AI, with our team
Note
Exactly which steps AI did and which stayed by hand is not detailed here

Illustration, animated. Bet Track in a stadium: a phone running the bet365 app, winning bet cards popping out, confetti. Amounts are placeholders, in pounds.

Sticky note with a Claude prompt

What AI is good at, and what it is not.

Insights

AI is excellent at generating beautiful designs. It does not yet go as deep into behavior as we do, and behavior is what we fine-tune every day.

So I did not ask it to replace that work. I asked it to clear the routine, so the team had room for it. Before writing any skill, the team and I analyzed our brand personality and what we wanted to achieve with it.

Hand-drawn sketch: where AI goes and where hand work stays

Schematic, drawn by me. No real figures.

Three paths. One chosen.

Options

The team was excited, so “AI nowhere” was never the plan. “AI everywhere” did not survive the NDAs and the data-security rules. The decision was how to do it selectively, and by what criterion.

AI nowhere

Safe, but it leaves speed and connection on the table. Set aside.

AI everywhere

Fastest on paper. Ruled out by NDAs and data security.

AI where data allows

Selected segments use AI. The rest stays by hand. Chosen.

Hand-drawn sketch: how the rollout spread

Schematic. How it spread, redrawn. No real figures.

Sticky note with a Claude prompt

Skills, together.

Decisions

D1. Roll out selectively, by data sensitivity

Problem
Some segments cannot use AI because of NDAs and data-security rules.
Decision
AI only in segments where the data allows it. The others stay by hand.
Why
It let me start inside a clear boundary for protected data.
Hand-drawn sketch: where AI goes and where hand work stays
Schematic, no real figures.

D2. One skill per segment, not one big prompt

Problem
The app has many segments, and each has its own rules.
Decision
I built a skill for each segment with the team: research, design styles, banners, panels and more.
Why
Small skills are easier to review, correct and share than one giant instruction.
Schematic screen: the list of team skills
Schematic, no real figures.

D3. Skills carry the order of work

Problem
Large teams drift apart without a shared order of working.
Decision
Each skill holds the steps and rules, so the team follows the same sequence.
Why
That is how the design keeps the same standards in every market.
Schematic screen: a skill file with steps and rules
Schematic, no real figures.

D4. Learn first, then teach

Problem
The team was enthusiastic but unsure this was the right answer.
Decision
I learned and studied first, then showed the team with tutorials and shared training, and I built skills together with them.
Why
Building the skills together meant the whole team shaped how they work.
Schematic screen: a skill running in a chat
Schematic, no real figures.
Schematic: stage of the rollout
Schematic: stage of the rollout
Schematic: stage of the rollout
Schematic: stage of the rollout
Schematic: stage of the rollout
Sticky note with a Claude prompt

The ethical bit.

Where is the line?

Regulated product, sensitive data, and AI that makes mistakes: this is where a reviewer rightly asks where I drew the line.

Mechanism
Shared AI skills inside selected segments.
Risk
Data security, NDAs, regulation, hallucinations, weak quality.
Safeguard
AI only where data allows. A person checks every output.
Who decided
Management, after the sponsors and I made the case.
Evidence level
Observation, no published figures.

The first weeks were chaos.

What did not work

I saw hallucinations, weak designs, and AI that did not understand what it was asked to do. Quality was often poor. At first the team did not want to accept it, and the team and I stayed longer hours than we should have.

Developers resisted at the beginning.

Privacy policy and country-specific rules are still a source of problems. The company has many rules and decisions it has to respect, and AI has to fit inside them.

Developers came around.

Collaboration

Developers were among those who resisted AI at first. Later they began working with it too, and today the whole developer team works with AI, with limits.

The system then spread to other teams, using the foundation the team and I built.

Sticky note with a Claude prompt
UK Design team video call with six participants shown as avatars

Illustration showing our meetings. Because of the NDA, I cannot show real people or faces.

Did it work?

Result
Faster.

Faster, better and more unified. More people now work as if one person did, and the team became more cohesive. I spend less time explaining, because every task has an exact skill reference that the team and I built and automated. This is what I observe, and it is not measured.

Goal
Move faster and keep teams connected
Outcome
Faster, better and more unified work; less time spent explaining; spread to other teams
Baseline, period, n
Not measured. This is an observation.
Attribution
Observation across several changes at once
Guardrail metrics
Not published

A base that keeps working.

Where it is today

The system took root in other teams, using the foundation the team and I built. With the routine handled, the team has more time for behavioral work and research.

The product still gets daily fine-tuning, and AI is still limited to the segments where data rules allow it.

Hand-drawn sketch: one shared foundation used by our team and other teams

Schematic, drawn by me. No real figures.

What I take from it.

Reflection

For me this is the first time I apply the ideas from my doctoral research in daily work with a team, with AI as a colleague. It freed time and space for free thinking and creative ideas.

I am grateful that I was given the lead role first and then the leader role, with room to apply my own knowledge and ideas.

Hand-drawn sketch: from doctoral research to daily work with AI as a colleague

Schematic, drawn by me. No real figures.

The app, up close.

Gallery

The screens of the app as it looks now, redrawn in the latest design at iPhone 18 Pro size: the five main tabs and the three payment screens. Each screen starts as a pencil sketch and turns into the digital design. Hover a screen to see its sketch again. Drag or swipe to browse.

Home
Home
In-Play
In-Play
Sports
Sports
Games
Games
Casino
Casino
Account
Account
Deposit
Deposit
Payment method
Payment method

Screens redrawn by me and the team in the latest design. The pencil sketches are line drawings traced from the screens, for illustration. Amounts are placeholders, in pounds.

Honest limits.

What this study does not cover

This study shows leadership of a change inside a large team. It does not show measured results, internal screens, or exact numbers, because the work is confidential. The Video Wall module is original; the payment screens and the screens in the header are based on the real app. The sketches are schematics I drew. The team images, the example screens and the example banners are AI-generated illustrations, not real work screens.

Hand-drawn sketch: images from the real app, drawn or AI-made images, and what is not shown

Schematic, drawn by me. No real figures.

The short answers.

Questions I often get
ScopeDid you start this, or was it assigned?

I started it. I learned the tools first, then asked the Head of Design and the Product Owner for room to try them.

See in the study: Hook, Role

ScopeHow many people, and for whose work were you responsible?

I led designers with direct reporting. The team is a mix of mid and senior designers with a few juniors, across region-specific versions of one product. I am not publishing exact numbers.

See in the study: Role, Limits

StrategyWhy did you roll AI out selectively?

NDAs and data security meant some segments could not use it. Data decided where AI went.

See in the study: Options, Ethics

ResearchWhere did the approach come from?

From my doctoral work on human-computer interaction and AI, and from analyzing our brand personality before the first skill was written.

See in the study: Insights, Decisions

DecisionsHow did you convince people?

I learned first, then showed the team. Sponsors heard the case before the team did, and a pilot came before anything wider.

See in the study: Decisions, Collaboration

ResultsDid it work, and how do you know?

It made the work faster, better and more unified, and the system took root in other teams.

See in the study: Result

MistakesWhat did not work?

Hallucinations, weak designs, and AI that missed the task. The first weeks were chaotic and cost extra hours.

See in the study: What did not work

Ethics and AIWhere did you draw the line?

AI is only used where data rules allow it. A person checks every output before it is used, and the final call on quality stays human.

See in the study: The ethical bit

DIGITAL DESIGN EXPERIENCE MILIJANA KOMAD