Insight

Gears Tactics is the fast-paced, turn-based strategy game from one of the most-acclaimed video game franchises – Gears of War.

Gears Tactics is published by Xbox Game Studios. The video game is available on Xbox Game Pass for PC, Windows 10, and Steam.

Visit Gears Tactics Website

UX/UI Designer Role

I work on Gearstactics.com website launched in December 2020.

Responsibilities:

  • Translate Gears Tactics game features to web for desktop and mobile – including both the user flows and the user interface.
  • Partner with the Web Product Owner, Web Producer, Lead Developer and contribute to the scoping and planning of each milestone.
  • Present my designs and explain my thought process to the Web Team and Xbox Game Studios Key Stakeholders, and iterate based on feedback.
  • Deliver intuitive user flow between product websites and high-fidelity prototypes on all screen sizes.
  • Create a design system; web colors, typography, user interface components, iconography, user interaction, and more.


  • Company: Microsoft, The Coalition

  • Product: Gears Tactics website

  • Web Launch: December 2019

  • Game Launch: April 28, 2020

  • Role: Web UX/UI Designer

  • Collaboration: Web Product Owner, Web Producer, QA, and Software Engineers

  • Client: Xbox Game Studios

  • Deliverables: User research, wireframes, user flows, information architecture, rapid prototypes, web design guidelines, and UX/UI/CX

  • Software Tools: Adobe (Xd, Ai, Ps), Microsoft Azure, and Axure RP

  • Work Date: March 2018 - Present


Launch Features

Gears Tactics Home

  • Determine call-to-action priority and increase content discoverability.
  • Attract and appeal visitors towards our funnel, keep them stay longer and deeper to other pages.
  • Pre-order on Steam, Xbox Game Pass for PC, and Windows 10.

Skill Planner

  • Five possible classes in the game, each with their own set of subclasses and skills.
  • Interactive Skill Tree and Skill List on desktop versus mobile.

Adaptive Navigation

  • Gears of War franchise utility navigation on desktop.
  • Gears Tactics navigation that is both repsonsive and adaptive. Tablet and mobile devices uses bottom tab bars and touch interaction drawers.

Game Guide

Everything you need to know to hunt down Ukkon and save humanity.

Game Guide TOC

Explore

Overview on immersive story, challenging missions, aggressive gameplay, and massive boss battles.

Characters

    Featuring Gabe Diaz, Sid Redburn, Mikayla Dorn, and Ukkon.

Story

Gears Tactics is the fast-paced, turn-based strategy game set 12 years before the first Gears of War.

News

Ensure good content and limiting character count.

Articles

Watch

Age Gate

Entertainment Software Rating Board (ESRB) Mature 17+. Blood and gore, intense violence, and strong language.