Ploomo

B2B Sport Data Provider.

BetConvert (Ploomo)

Modular Sports Widgets.

Modular Sports Widgets.

The Challenge

The Challenge

The Challenge

Ploomo provides plug-and-play sports widgets for B2B platforms. The company needed to align the visual language across existing widgets while minimizing dev effort and friction when launching new ones. Our focus quickly became consistency, speed, and scalability.

Ploomo provides plug-and-play sports widgets for B2B platforms. The company needed to align the visual language across existing widgets while minimizing dev effort and friction when launching new ones. Our focus quickly became consistency, speed, and scalability.

Ploomo provides plug-and-play sports widgets for B2B platforms. The company needed to align the visual language across existing widgets while minimizing dev effort and friction when launching new ones. Our focus quickly became consistency, speed, and scalability.

MY CONTRIBUTION

MY CONTRIBUTION

MY CONTRIBUTION

Research

Research

Research

UX Audit

UX Audit

UX Audit

UI Design

UI Design

UI Design

Design System

Design System

Design System

Solving the

Fragmentation

Solving the

Fragmentation

Research

Research

Research

To streamline widget creation, I conducted stakeholder interviews and usability tests across different placement scenarios.

To streamline widget creation, I conducted stakeholder interviews and usability tests across different placement scenarios.

To streamline widget creation, I conducted stakeholder interviews and usability tests across different placement scenarios.

Discovery

Discovery

Discovery

In the absence of design standards, teams relied on ad hoc choices leading to UI drift and growing design debt. First-click tests exposed a lack of hierarchy in combined widget views.

In the absence of design standards, teams relied on ad hoc choices leading to UI drift and growing design debt. First-click tests exposed a lack of hierarchy in combined widget views.

In the absence of design standards, teams relied on ad hoc choices leading to UI drift and growing design debt. First-click tests exposed a lack of hierarchy in combined widget views.

Solution

Solution

Solution

We adopted Brad Frost’s Atomic Design Methodology to break components into reusable parts and bring structure to widget creation across the board.

We adopted Brad Frost’s Atomic Design Methodology to break components into reusable parts and bring structure to widget creation across the board.

We adopted Brad Frost’s Atomic Design Methodology to break components into reusable parts and bring structure to widget creation across the board.

Step 1

Step 1

Atoms

Atoms

With the visual language set, we defined our “atoms” the smallest functional elements forming the foundation of every widget.

With the visual language set, we defined our “atoms” the smallest functional elements forming the foundation of every widget.

Step 2

Molecules

Atoms combined into molecules modular UI patterns that served as reusable components across multiple widgets.

Step 3

Organisms

Molecules were grouped into organisms standalone widgets built to deliver specific functions or assemble into complex layouts.

Step 4

Templates

We created layout templates for automated pages, using established UX patterns to guide consistent widget placement across products.

“After the design system was completed, sharing components between designers became faster and easier. The time to design and build new widgets from scratch dropped dramatically.”

Albion Lici

PM & Sr. Developer at BetConvert

Faster Design Handoffs

A shared library simplified collaboration across teams.

Widgets Unified

A single system aligned all modules under one scalable framework.

Less Build Time per Widget

Reusable components reduced dev effort and QA cycles.

One system

Many benefits

Result

Result

Result

A unified system of components, styles, and patterns created a more scalable, maintainable, and consistent product foundation. It improved cross-team collaboration, reduced duplication, and helped accelerate development across the entire platform.

A unified system of components, styles, and patterns created a more scalable, maintainable, and consistent product foundation. It improved cross-team collaboration, reduced duplication, and helped accelerate development across the entire platform.

A unified system of components, styles, and patterns created a more scalable, maintainable, and consistent product foundation. It improved cross-team collaboration, reduced duplication, and helped accelerate development across the entire platform.

Next

BetConvert

Next

BetConvert

Next

BetConvert

Got a Project?

Let’s discuss how I can elevate your product and help achieve your business goals.

Contact

Instagram

Dribbble

Linkedin

ANDRETDESIGN 2025

Got a Project?

Let’s discuss how I can elevate your product and help achieve your business goals.

Contact

Instagram

Dribbble

Linkedin

ANDRETDESIGN 2025

Got a Project?

Let’s discuss how I can elevate your product and help achieve your business goals.

Contact

Instagram

Dribbble

Linkedin

ANDRETDESIGN 2025