MOBA
Overview

Intro

Intro

Intro

[ Product Design, UI&UX ]

[ Product Design, UI&UX ]

Designing a Reward Layer for the Dota 2 Ecosystem

As the Product Designer on MOBA, my goal was to craft a functional and engaging experience that rewards Dota 2 players for their in-game activity. The challenge wasn’t just to design an app—it was to conceptualize, prototype, and validate a product from the ground up within a fast-paced startup environment.

I led the design process from user research to interface execution, focusing on enhancing the core game loop by introducing a social and economic layer around gameplay. My responsibilities included defining the product vision, mapping user flows, and designing an interface that felt native to gamers while serving startup goals like early monetization and retention.

The biggest challenge was balancing rapid iteration with meaningful UX decisions. We needed to test our hypothesis fast, validate with real users, and lay a scalable design foundation—under tight timelines and evolving requirements. This project pushed me to blend startup thinking with gamer-centric design, ultimately delivering a prototype ready for real-world traction.

Role

Product Designer, UI&UX, Graphic Designer

Role

Product Designer, UI&UX, Graphic Designer

Project Type

Web3 Freelance

Project Type

Web3 Freelance

Timeline

Sep 2024 - present

Timeline

Sep 2024 - present

Main Tools

Figma, FigJam

Main Tools

Figma, FigJam

Deliverables

Deliverables

Deliverables

Scope of work

Scope of work

Scope of work

Created low- and high-fidelity wireframes for key product features

Designed a responsive interface optimized for Telegram and WebApp

Developed a full UI kit and atomic-level design system for consistency and scalability

Developed a full UI kit and atomic-level design system

Developed a full UI kit and atomic-level design system for consistency and scalability

Developed a full UI kit and atomic-level design system for consistency and scalability

Website Design

User flows and key use cases

Pitch Deck

0.1 UI Interface for mobile TG App (MVP)

0.2 Web App UI

0.3 PitchDeck and WhitePaper

0.4 Brand Visuals

About MOBA

About MOBA

About MOBA

MOBA or GG is an open, web3-native protocol that empowers gamers worldwide to unlock a brand new new level of engagement and earn real income while playing their favourite games:

MOBA or GG is an open, web3-native protocol that empowers gamers worldwide to unlock a brand new new level of engagement and earn real income while playing their favourite games:

Dota 2, League of Legends, Counter Strike, and others. By integrating social layer and new cryptoeconomic on top of existing titles, GG offers enhanced game experiences preserving the classic gameplay they love. Allowing all gamers contribute to the network through GG Launcher with a node and actor opportunities.

GG is an open, web3-native protocol that empowers gamers worldwide to unlock a brand new new level of engagement and earn real income while playing their favourite games:

Dota 2, League of Legends, Counter Strike, and others. By integrating social layer and new cryptoeconomic on top of existing titles, GG offers enhanced game experiences preserving the classic gameplay they love. Allowing all gamers contribute to the network through GG Launcher with a node and actor opportunities.

[ MOBA Goals ]

  • Design the UI for the MVP from scratch
    In the first phase, I led the UI design for the mobile app within the TON ecosystem. My role was to define the product’s visual and interactive language from the ground up, ensuring usability while aligning with technical constraints. I also supported the planning of a scalable design system for the second phase — a web app with extended feature sets.

  • Validate the business model and test product hypotheses
    I helped prioritize core features based on user flows and early testing goals, enabling rapid prototyping and lean development. My design decisions were grounded in the product’s go-to-market strategy, ensuring we could quickly test assumptions with real users.

  • Support in raising $500k for scaling
    I worked closely on the creation of pitch decks and whitepapers, using clear design systems and storytelling to communicate the product’s value and roadmap. These assets played a key role in investor outreach and fast-tracked our fundraising efforts.

  • Go-to-market and emotional connection
    To attract early adopters and build community trust, I created engaging visuals and crafted narratives that resonated with MOBA’s target audience. My design work included branded content for events and conferences — from digital rollups and 3D token mockups to NFT visualizations — all designed to establish credibility and emotional engagement.

  • Build a consistent visual identity
    I created MOBA’s first brand guidelines, defining its look and feel across platforms. This ensured visual consistency and streamlined collaboration across design, development, and marketing.


gaming is about connection, mastery, and the global communities that emerge around shared experiences.

gaming is about connection, mastery, and the global communities that emerge around shared experiences.

gaming is about connection, mastery, and the global communities that emerge around shared experiences.

The Background Story: Ideas Behind MOBA

The idea to enrich eSports with web3 experience and establish the brand new level of players’ experience originates from our own journeys as gamers and web3 builders.

The idea to enrich eSports with web3 experience and establish the brand new level of players’ experience originates from our own journeys as gamers and web3 builders.

The idea to enrich eSports with web3 experience and establish the brand new level of players’ experience originates from our own journeys as gamers and web3 builders.

As lifelong gamers and Web3 enthusiasts, we’ve always believed gaming is about more than just entertainment.

01 UI Interface for mobile TG App (MVP)

0.2 Web App UI

0.3 PitchDeck and WhitePaper

0.4 Brand Visuals

Mid Lane

Magnus

Win-Rate

53%

Total matches

630

Hard Support 

Siren

Win-Rate

46,2%

Total matches

6258

Safe Lane

Juggernaut

Win-Rate

58,5

Total matches

1477

Off Lane

Naga Siren

Win-Rate

44,3%

Total matches

1712

Soft Support

Dazzle

Win-Rate

51,1%

Total matches

601

Receive Rewards
for Dota-2 Gameplay

Receive Rewards
for Dota-2 Gameplay

Exclusive community of the most competitive gamers

Mid Lane

Magnus

Win-Rate

53%

Total matches

630

Hard Support 

Naga Siren

Win-Rate

46,2%

Total matches

6258

Safe Lane

Juggernaut

Win-Rate

58,5

Total matches

1477

Off Lane

Medusa

Win-Rate

44,3%

Total matches

1712

Soft Support

Dazzle

Win-Rate

51,1%

Total matches

601

Receive Rewards
for Dota-2 Gameplay

Exclusive community of the most competitive gamers

How It Works $DOTA

How It Works $DOTA

How It
Works $DOTA

GG is more than a web3 protocol — it’s a social movement empowering players, enhancing gaming communities & entirely reimagining the creation and distribution of value in eSports

Onboarding:

Players connect their game accounts to MOBA’s platform (e.g., Dota 2 in Steam), provide an access to the in-game data, and gain access to new features like self-wagering, quests, and other mechanics.

Performance Verification:

Using public APIs and player-provided access to the data, protocol retrieves the match data (e.g., kills, wins), verifies it, and executes automated reward distribution via smart contracts.

Using public APIs and player-provided access to the data, protocol retrieves the match data (e.g., kills, wins), verifies it, and executes automated reward distribution via smart contracts.

Seamless Experience:

Gamers enjoy classic gameplay of their favorite game while farming rewards and monetizing their skills and time.



Gamers enjoy classic gameplay of their favorite game while farming rewards and monetizing their skills and time.

Test the prototype

in the Telegram group

Dota 2 is uniquely positioned
as a starting point:

Dota 2 is uniquely positioned
as a starting point:

// 1

60%+ of players are concentrated in Eastern Europe, CIS, and China—markets where popular cost-efficient blockchains such as TON already have a significant level of adoption.

// 2

Its hardcore community sets a high bar, making success here a strong foundation for scaling.

// 3

It’s a game we love and understand in smallest details on top of >99 years of combined playing experience of the team. The passion of building the top-tier product for game we play and community we are deeply involved powers our creativity and execution as a team.

UI Designer Role

About Role

UI Designer Role

[ UI Designer ]

As a core member of the team, I worked across both UI and product design functions — shaping the user experience, defining the visual direction, and collaborating closely with developers to bring the product to life efficiently and effectively.

I contributed to product strategy by designing user flows, identifying key features, and guiding how they should evolve. My role bridged product thinking and execution — from fast screen delivery to building visual narratives that supported growth and market expansion.

  • Developed and implemented a scalable design system and UI kit

  • Defined and maintained the visual identity of the brand

  • Designed user flows and prioritized features to align with business goals

  • Collaborated with developers to ensure efficient and adaptable implementation

  • Created marketing visuals and storytelling assets for go-to-market efforts

  • Designed assets for investor materials (pitch decks, whitepapers)

  • Delivered event and community visuals (NFTs, rollups, 3D models)

Expose your public matches in Dota 2 settings and activate Stratz profile. Update your Steam Profile Privacy Settings to Public.

Connect twitch

Social

5000

3.

AC

Alt cop

56

23,200

6.

maret

23

20,050

3.

AC

Alt cop

56

22,400

5.

Fins_el

12

21,800

6.

maret

23

20,050

5700

Moba POints Earned

MOBA

MOBA

Community where gamers
are on the forefront!

Community where gamers
are on the forefront!

Soft Support

Snapfire

Win-Rate

49,1%

Total matches

258

Off Lane

Wraith King

Win-Rate

53%

Total matches

258

Safe Lane

Safe Lane

Dazzle

Win-Rate

51,8%

Total matches

258

0.1.Telegram App for Dota-2 Players

0.1. TG App

0.1.Telegram App for Dota-2 Players

The Telegram app became our first launchpad

Since our target audience already overlaps with the TON ecosystem, it provided a ready-made, affordable user base — making it the perfect environment for rapid product testing. The Telegram app became our first launchpad to test community engagement and market potential.

I personally enjoyed building within the Telegram infrastructure. The use of bots and push notifications allowed for efficient communication and tight feedback loops. However, as a designer, one of the biggest challenges I faced was crafting a smooth onboarding and authentication flow — especially given the technical complexity of integrating with three external platforms: Moba, Steam, and Stratz.

UX Challenge I solve:
how to motivate users authenticate without losing them?

UX Challenge I solve:
how to motivate users authenticate without losing them?

UX Challenge I solve:
how to motivate users authenticate without losing them?

To access the full app experience, users had to pass through a multi-step onboarding process — but at the MVP stage, the feature set was still quite limited.

Steam Link Integration

Enabled users to authenticate via Steam directly in the app, unlocking their first game stats and profile setup.

Stratz Quest Feature

Gamified the Stratz connection by offering a bonus quest, foreshadowing future integrations.

Using public APIs and player-provided access to the data, protocol retrieves the match data (e.g., kills, wins), verifies it, and executes automated reward distribution via smart contracts.

Leaderboard Motivation

Allowed all users to preview the leaderboard and app features without logging in, using a strong CTA to "See Your Rank" as a hook to encourage authentication.

Gamers enjoy classic gameplay of their favorite game while farming rewards and monetizing their skills and time.

This onboarding redesign became a critical step in helping us test core features while keeping users engaged — even before full login.

Shared regular progress updates with the team — through live calls and Loom videos to keep things efficient and save everyone's time.

To keep the team aligned and the feedback loop tight, I recorded Loom videos to save time and keep things asynchronous.

Loom Link

0.2. Web App for Dota2 players

0.3. Visuals

0.2. Web App for Dota2 players

MVP Ver 2.0

MVP Ver 2.0

MVP Ver 2.0

For the next product version, I adapted the current interface for desktop use. We also moved some features to the backlog — hiding the Farm section and shifting focus to social mechanics like Leagues and the Leaderboard.

Evolving the Interface for Desktop and Competitive Play

Evolving the Interface for Desktop and Competitive Play

Evolving the Interface for Desktop and Competitive Play

To support the next phase of the product, the interface was adapted for desktop use with a strategic shift toward social and competitive features. While some gameplay mechanics were moved to the backlog, this version focuses on building community engagement through Leagues, Leaderboards, and performance tracking.

Dota Dashboard & Farm Statuses

Developed a dashboard to show real-time Dota 2 stats alongside current farming activity.

Farming Inventory and lootbox

Enabled users to authenticate via Steam directly in the app, unlocking their first game stats and profile setup.

Leagues Mechanic Integration

Integrated the Leagues feature into the desktop UI, allowing users to track seasonal performance. New hypothesis, wasn't previously tested on mobile version

Leagues Mechanic View

Expanded League views with ranking logic and user progression to enhance social competition.

0.3. Brand visuals

0.2. Web App

0.3. Brand visuals

Optimized for Telegram stories with built-in referral links to grow the Moba app community.

Optimized for Telegram stories with built-in referral links to grow the Moba app community.

Optimized for Telegram stories with built-in referral links to grow the Moba app community.

We experimented with multiple formats — ultimately designing Hero Cards and Winrate Stats that could be auto-generated. The main task was to present player stats in a visually engaging way, inspired by the Spotify Wrapped style — while also embedding a referral link leading back to the Moba app.

Since Telegram story posts render differently across devices and have no standardized guidelines, we ran multiple test iterations and redesigns to ensure clarity, accessibility, and visual consistency across screens.

Dynamic pic for UGC: How Do We Turn Game Stats Into Shareable Stories?

Dynamic pic for UGC: How Do We Turn Game Stats Into Shareable Stories?

Dynamic pic for UGC: How Do We Turn Game Stats Into Shareable Stories?

Tested formats, auto-generated content, and referral-driven design — all optimized for Telegram’s unpredictable layout.

One of the key challenges was creating dynamic content for user-generated posts — cards that automatically pulled winrate data, hero stats, and personalized visuals. Inspired by formats like Spotify Wrapped, the goal was to make them both visually engaging and easy to understand at a glance.

At the same time, each card needed to include a referral link to drive traffic back to the Moba app — without disrupting the visual hierarchy.

With Telegram Stories offering no design guidelines and varying safe zones across devices, we ran multiple iterations and test runs to ensure cross-device accessibility and clarity. The result: a format that’s fun to share, informative, and conversion-friendly.

Shared regular progress updates with the team — through live calls and Loom videos to keep things efficient and save everyone's time.

To keep the team aligned and the feedback loop tight, I recorded Loom videos to save time and keep things asynchronous.

Process & Concept

Process

Process & Concept

Prioritizing development efficiency to accelerate traction and validate key hypotheses

Prioritizing development efficiency to accelerate traction and validate key hypotheses

Prioritizing development efficiency to accelerate traction and validate key hypotheses

I was lucky to work with a team of highly skilled tech professionals, Web3.0 enthusiasts — and just genuinely cool people. Thanks to their solid input and clear wireframes, we moved fast. I jumped right into creating the first visual concepts to help define the overall look and feel of the product.

While nailing the visual direction was important, UX wasn’t left behind. I worked on user flows and mapped out future features to make sure the experience would grow logically with the product.

I was lucky to work with a team of highly skilled tech professionals, Web3.0 enthusiasts — and just genuinely cool people. Thanks to their solid input and clear wireframes, we moved fast. I jumped right into creating the first visual concepts to help define the overall look and feel of the product.


While nailing the visual direction was important, UX wasn’t left behind. I worked on user flows and mapped out future features to make sure the experience would grow logically with the product.

We kicked things off by developing a Telegram app for Dota 2 players. I started with UI concepts to give the team a visual starting point and help accelerate development early on.

the most competitive gamers community

Connect your Steam account to see your ranking in the community. Find out where you stand among the top players.

Go to App

the most competitive gamers community

Connect your Steam account to see your ranking in the community. Find out where you stand among the top players.

Go to App

My first DOTA-2 match as MVP.
I was hyped.

Since I had never played Dota 2 before, I dove into the game to truly understand the community, its language, and energy. I didn’t just design for the players — I became one.

My first DOTA-2 match as MVP. I was hyped.

We kicked things off by developing a Telegram app for Dota 2 players. I started with UI concepts to give the team a visual starting point and help accelerate development early on.

Since I had never played Dota 2 before, I dove into the game to truly understand the community, its language, and energy. I didn’t just design for the players — I became one.

Here’s proof: my first MVP match. Safe to say I was hyped.

My first DOTA-2 match as MVP. I was hyped.

We kicked things off by developing a Telegram app for Dota 2 players. I started with UI concepts to give the team a visual starting point and help accelerate development early on.

Since I had never played Dota 2 before, I dove into the game to truly understand the community, its language, and energy. I didn’t just design for the players — I became one.

Here’s proof: my first MVP match. Safe to say I was hyped.

Results

Results

Results

[ My impact in deliverables ]

  • Developed a scalable and consistent design system, including components, tokens, and documentation

  • Designed responsive interfaces optimized for both mobile and desktop, ensuring accessibility and usability

  • Created interactive prototypes in Figma to validate user flows and collaborate effectively with stakeholders

  • Created and presented visual style concepts that defined the product’s aesthetic

  • Actively shaped the product vision during team calls, aligning with both development and marketing directions

  • Took full ownership of the UI/UX design process, from wireframes to final high-fidelity mockups

  • Took ownership of the entire design process, from early concepts to final delivery

  • Designed the user interface and built a comprehensive design system for consistent scalability

  • Maintained close collaboration with the core team, especially developers, to ensure seamless implementation

  • Adapted the interface to follow Telegram's design guidelines and best practices for optimal platform integration

  • Finaly Spent over 400 hours playing Dota 2 to deeply understand the game and its community

Other projects

Other cases

Other projects

(About olyaabra)

I'm a versatile Product Designer with strong UI skills and a UX academic background, specializing in user research through both quantitative and qualitative methods to enhance interface satisfaction. I collaborate closely with software engineers and frontend developers to strengthen my app development expertise, always aligning design decisions with metrics and business objectives.

With three years in Web3, I've worked across startups, agencies, and launched startups myself. I'm passionate about hackathons, having participated in over 20 and organized three with dedicated teams.

olyaabra design Services
olyaabra design Services

Let's work together

Let's work together

olyaabra design Services

Let's work together