Prodrops

Digital card collecting platform featuring esports players and streamers

  • Prototyping
  • Research
  • 3D Animation
  • Design Systems
  • UI & UX
  • Creative

Project Overview

Timeline
2+ Years
Role
Lead UI/UX Designer
Platform
Web & Mobile
Deliverables
Design System (600+ comps, ~3k variants), Marketing Pages, 2D/3D Assets, Motion
Tools
Figma Figma
Illustrator Illustrator
Photoshop Photoshop
After Effects After Effects
Premiere Pro Premiere Pro
Blender Blender

ProDrops.gg is a digital card collecting platform featuring cards of popular esports players and streamers. Users can collect, trade, and battle with these cards, engaging in strategic gameplay within a digital card game environment.

The platform aims to provide a unique and immersive experience for fans of esports and digital collectibles. Over two years of work includes 2D/3D assets, design systems, and marketing materials.

Platform walkthrough and feature demonstration

3D & 2D Assets

Over the past two years, I’ve worked extensively on creating and refining 2D and 3D assets for the app and the broader project. My work spans a wide range of elements, ensuring consistent and high-quality visuals throughout. Below, I’ll share a few examples of the assets I’ve developed, showcasing their versatility and impact.

In-game notifications banner
Assets strip

Marketing

Additionally, many of these assets are featured prominently in video promotions used for marketing purposes. I also had the opportunity to create those videos, blending my design skills with storytelling to effectively communicate the project's vision.

Brand Identity & Design System

A bold, gaming-centric visual language built around electric purples and deep blues.

Logo Colors

Components

ProDrops includes a wide variety of components, including atoms and molecules designed from scratch for the application. The system incorporates over 600 components and approximately 3,000 variants, establishing a robust and versatile solution.

Components

Prodrops Website

Get a quick and interactive look at Prodrops directly in the Figma file.

  • •Explore the design system and layouts.
  • •See Features like reusable components and workflows.
  • •Experience the product in action, right in Figma.

Dive in and discover how by exploring the figma file, you can be immersed in the creation process.

EXPLORE IN FIGMA

NOTE: figma while explorable, it's under a revamp

Let's Work Together

Interested in creating a bold digital experience for your product? Let's talk about your project.

Start a Project View More Work