Insight

Gears POP! is a spin-off of the Gears of War series for mobile devices based on Funko's POP! toyline.

Gears of War is an award-winning and billion-dollar AAA title video game franchise developed by The Coalition, and owned by Microsoft Studios. Gears POP! is coming to the Apple App Store and Google Play Store in 2019.

The website supports a casual mobile game audience for Teen+ age group. It introduces around-the-clock game experience, short-burst gameplay, and quality cinematic trailer that is satisfying for Gears fans.

Visit Gears POP! Website

Responsibilities

Web UX/UI design

I deliver Gears POP! game features to web for desktop, tablet, and mobile – including both the user flows and the user interfaces. I present MVP features, specific competitive landscape features, designs, and explain my thought process to the Web Team and Key Stakeholders.

I ensure the website builds a slice across the following layers:

  • Emotional design - memorable experience that is worth sharing.
  • Convenience - works like I think.
  • Usability - used without difficulty.
  • Reliability - available and accurate.
  • Functionality - works as programmed.

Outcome

Web launched in November 2018

Implemented MVP features:

  • Skeleton screens, leaving the impression of a fast loading time.
  • Sign up for Gears POP! news to receive information, tips, and offers.
  • FAQ to inform about Gears POP!, download and play, platform availability, and iconic Gears characters.
  • E3 announce trailer, gameplay screenshots, and marketing micro-copy.

Visit Gears POP! Website


  • Company: The Coalition, Microsoft Corporation

  • Product: Gears POP! website

  • Web launch: November 2018

  • Role: Web UX/UI Designer

  • Collaboration: Web Product Owner, Web Producer, Art Directors, Software Engineer Lead, and Web Developer

  • Deliverables: MVP research (determine core features), compeititive landscape research, plan of action, user research, wireframes, user flows, information architecture, rapid prototypes, user interface, design guidelines, UX/UI/CX, and web design guidelines

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

  • Date: March 2018 - Present