OfriMarkovits logo.
OfriMarkovits logo.
Gaming website displayed on laptop screen with dark mode UI, fantasy visuals, and esports branding design.

B2B Dashboard Case Study

Overwolf

Integrated B2C & B2B Design.

Overwolf serves two very different audiences — gamers and developers. The challenge was to design three distinct deliverables that felt native to their contexts while remaining true to the Overwolf brand identity.

project role

UX/UI & Brand Designer

CORE OBJECTIVE

Audience Alignment

Connecting B2B & B2C experiences

Target Market

Gaming Ecosystem

Developers, Creators & Gamers

Skills Demonstrated:

generative ai

B2B/B2C Strategy

brand identity

ux/ui design

Visual Identity

THE CORE CHALLENGE

THE CORE CHALLENGE

The Quest.

The Quest.

Design three separate but cohesive experiences that demonstrate understanding of gaming culture, brand alignment, and audience-specific messaging.

Design three separate but cohesive experiences that demonstrate understanding of gaming culture, brand alignment, and audience-specific messaging.

Efficiency & Quality

Balance efficient workflow with professional design standards.

Brand Consistency

Stay aligned with Overwolf's official design system and style guides.

Audience Alignment

Design for both B2B (developers) and B2C (gamers) audiences.

AI Integration

Demonstrate effective use of Generative AI tools in the design workflow.

THE EXECUTION

My Approach.

I divided the project into three distinct tasks. Each task targets a specific audience and requires a different design mindset, but they all feel like part of the same gaming-first family.

TASK 01 • B2B

Event Landing Page

Designed to convert developers and partners to book meetings at Gamescom. The design utilizes a professional yet gaming-inspired aesthetic built on a strict 3-fold structure for focused messaging.

AI-generated Wolf King hero visual

Adhered to live Overwolf design system

Dark mode gaming landing page with fantasy character artwork, esports branding, and Gamescom promotional content.
Gaming video editing dashboard with League of Legends gameplay capture, session manager, and esports content tools.
Gaming video editing dashboard with League of Legends gameplay capture, session manager, and esports content tools.
ByteDogs gaming cosmetics store with voxel avatars, emotes, and Minecraft-style character skins on colorful UI.
ByteDogs gaming cosmetics store with voxel avatars, emotes, and Minecraft-style character skins on colorful UI.
Overwolf app store homepage featuring ByteDogs gaming cosmetics and popular games like Minecraft and Valorant.
Overwolf app store homepage featuring ByteDogs gaming cosmetics and popular games like Minecraft and Valorant.

TASK 02 • B2C IN-GAME AD

ByteDogs Campaign

A bold, playful gamer-food brand designed to be advertised across Fortnite, League of Legends, and Minecraft. The branding was integrated subtly to enhance rather than interrupt gameplay.

Custom characters matched to game aesthetics

Targeted 13-30 demographic

Typography: Lilita One for punchy, snack-messaging

TASK 03 • B2C HARDWARE

Limited Edition PS5 Swag

Designed as a status symbol. The goal was to create swag that gamers would genuinely want to own and show off, positioning it as a premium hardware collaboration.

"ONE WOLF TO RULE THEM ALL"

Official Campaign Tagline

Overwolf Red/Black colorway applied to hardware

Community-first messaging ("For the Wolf Pack")

Custom Overwolf gaming console and controller with dark fantasy wolf branding and red illuminated design theme.

VISUAL IDENTITY

Brand System.

Brand &
UI System.

Adhering to Overwolf's existing design system was critical. The core colors and typography were used to create contrast against dark backgrounds. For the B2C in-game campaign, a distinct but complementary style guide was created.

COLORS

Symbol

The white Overwolf brand logo, consisting of a stylized wolf head silhouette positioned above the company name in a clean, lowercase sans-serif typeface, set against a solid black background.
The white Overwolf brand logo, consisting of a stylized wolf head silhouette positioned above the company name in a clean, lowercase sans-serif typeface, set against a solid black background.

Logo

The image shows the white Overwolf brand logo. It features a stylized silhouette of a wolf's head in profile, positioned to the left of the company name "overwolf," which is written in a clean, lowercase sans-serif font.
The image shows the white Overwolf brand logo. It features a stylized silhouette of a wolf's head in profile, positioned to the left of the company name "overwolf," which is written in a clean, lowercase sans-serif font.

HEADLINES & LABELS

Montserrat

AbAbAbAbAbAbAbAb

The quick brown fox jumpsover the lazy dog

BODY & UI TEXT

Lato

AbAbAbAbAb

The quick brown fox jumpsover the lazy dog

POST SCRIPT

Reflections & Growth.

Reflections
& Growth.

What Went Well

Brand Versatility:
Successfully maintaining the core Overwolf identity while stretching it across completely different contexts (Corporate B2B landing page vs. colorful B2C Fortnite ad).

AI Integration:
Demonstrating how Generative AI tools can be effectively and seamlessly integrated into a professional design workflow (like the Wolf King hero visual) to speed up production without sacrificing quality.

What I Would Change

Concept Exploration:
Given more time, I would have loved to explore a wider variety of concepts for the Swag and Ad campaigns before locking into the final visual direction.

Deeper UX Dive:
Spending more time diving into the specific workflow efficiencies and granular UX details of the gaming platforms to make the in-game ads feel even more strictly native to the player's UI.

The Result

A multi-platform gaming brand experience that successfully speaks to developers in the boardroom and gamers in the lobby.

The Result

A multi-platform gaming brand experience that successfully speaks to developers in the boardroom and gamers in the lobby.

  • Overwolf app store homepage featuring ByteDogs gaming cosmetics and popular games like Minecraft and Valorant.
  • ByteDogs gaming cosmetics store with voxel avatars, emotes, and Minecraft-style character skins on colorful UI.
  • Gaming video editing dashboard with League of Legends gameplay capture, session manager, and esports content tools.
  • Gaming website displayed on laptop screen with dark mode UI, fantasy visuals, and esports branding design.  Title:
  • Custom Overwolf gaming console and controller with dark fantasy wolf branding and red illuminated design theme.
  • Dark mode gaming landing page with fantasy character artwork, esports branding, and Gamescom promotional content.
  • Overwolf app store homepage featuring ByteDogs gaming cosmetics and popular games like Minecraft and Valorant.
  • ByteDogs gaming cosmetics store with voxel avatars, emotes, and Minecraft-style character skins on colorful UI.
  • Gaming video editing dashboard with League of Legends gameplay capture, session manager, and esports content tools.
  • Gaming website displayed on laptop screen with dark mode UI, fantasy visuals, and esports branding design.  Title:
  • Custom Overwolf gaming console and controller with dark fantasy wolf branding and red illuminated design theme.
  • Dark mode gaming landing page with fantasy character artwork, esports branding, and Gamescom promotional content.

Ready for the deep dive?

Thank you for watching. View the complete presentation, high-fidelity mockups, and AI workflow on Behance.

Ofri Markovits

© 2026 All Rights Reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.