Book a call

UX/UI · Design System

Turning a kids’ card game about pathogens and viruses into an app, with a landing page and video tutorial.

Client
Microcombat
Role
UX/UI and design system
Team
1 designer, 2 engineers
Year
2019 to 2020
Microcombat project

Context

Microcombat is a card game for kids created by ISGlobal, so the little ones learn about pathogens and viruses while they play.

Objective

Turn the offline card game into an online one.

Solution

Keep the game’s identity, and write in a clear, brief language children understand.

01

  • Competitor analysis.
  • Wireframes and mockups for the web and social media.
  • A style guide for the game.
  • 62 cards redesigned in three sizes, and 24 award illustrations.
  • The script for the video tutorial, and the design of the presentation video.
Microcombat style guide and cards
02

  • The video tutorial and the presentation video.
  • New game elements exported and created to build the animations.
  • Banners for social media.
  • A promotional landing page for the app.
Microcombat landing page and animations
03

  • The original table game cards adapted to a screen, keeping the original designs intact.
Microcombat game screen
Microcombat cards in the app
Microcombat awards

Want results like these for your team?

Book a call →
Next projectTrailer