duration

2022. DEC.1-2 (24hrs)

Device

Web App

Tools

Figma
Photoshop

Team

Emily Wong (Web Developer)
Nanaya Miki (Web Developer)
Su Shruthi (Web Developer)

Alex Smyth (UX Designer)
Helen Kang (UX Designer)
Vince Bacarac (UX Designer)

Project overview

This 24 hours hackathon is an industry project in partnership with Electronic Arts (EA) during the UX design bootcamp at BrainStation. By collaborating with web development students, we implemented personalized game recommendations and a Wishlist for Gen Z gamers to achieve higher user retention on the EA App.

Project goal

Adopt current Origin users into a new platform EA app.
Implement personalized options and community oriented features.

My Role

As a UX UI designer, I participated in the whole design process. And specifically I led the following process:

Redesigning the game detail page that focused on improve the user retention.
Building the UI guideline followed by EA’s brand guideline.
Making the UI component to keep design consistency and work efficiency.
Creating the interactive prototype to showcase the flawless experience.
Designing the presentation slide deck to enhance the engagement with the audience.

Timeline

Given Problem space

Gaming is one of the largest industries in the world and has a major influence on the future of tech and entertainment. As consumer preferences change, games and platforms shift to align with what customers want.

EA recently replaced its legacy gaming platform, Origin, with a new platform: The EA App. The EA App promises to be faster, more automated and a better overall experience for gamers. It also connects with other services to provide a seamless experience across multiple popular platforms.

How might we ensure that the EA App is adopted by their current users?

our Problem space

Like many shifts from one product to another, it can be hard to get users who are already familiar with a product to feel inclined to make a shift as well as face uncertainly about how a new product might work differently.

What’s the gamer community concern?

To discover more about what is the ‘Basic Functions’ is, we conducted the competitive audit with two famous online game communities.

We noticed fewer community-oriented features than products like Steam. Current EA App users note that the application is missing basic functions related to e-commerce.

Digital Solution

For the home page and game info screens, I wanted to retain the current design of the EA app but add community-oriented section headings and options to add a game to a wish list as well as the view that wishlist.

‍UX design team divided pages that individually worked, and I selected the Game Detail page. Unfortunately, we couldn't access the EA app design guide because the app has yet to be fully launched. So before I started to build a wireframe of my chosen page, I made the text style, colour guidelines, and different UI components to increase the design consistency. Also, we could reduce the development time.

Home Screen

Game Detail Page

Wishlist Page

UI Component

Key Learnings

Creating MVP: Since I only have 24 hours, I considered the minimal viable product that only focused on essential features. MVP helps internal teams understand the value a product has on a business and its customers during the hackathon.
Communicate efficiently: We set the regular meeting schedule 4 times within 24 hours to confirm every member is on the right track. Also, we kept communicating with each other to make a seamless work process.
Trust and Respect: When the hackathon was almost times up, UX members realized we missed the interaction that informs item is added to the wishlist when users click the ‘add to wishlist button. The interaction was important because users needed a clear notification immediately after their actions. I immediately talked to web dev members and asked to change the work priority. Once we all agreed to include the new interaction, I made a modal and built an interactive prototype to show how the function worked. Finally, we could include the important interaction without problems. I believe it was possible because all the members trust each other’s work and respect their decisions.

Last time added interaction

Next step

Usability test with current EA app users
Finish developing other interactions
Push to production

duration

Device

Tools

Team

Project overview

Project goal

My Role

Timeline

Given Problem space

How might we ensure that the EA App is adopted by their current users?

our Problem space

What’s the gamer community concern?

We noticed fewer community-oriented features than products like Steam. Current EA App users note that the application is missing basic functions related to e-commerce.

Proto Persona

Main User Flow

Browsing games recommended in your community, and adding a game to your Wishlist.

Hypothesis

We believe that implementing personalized game recommendations and a wishlist for Gen Z gamers will achieve higher gamer retention on the EA App.

We will know that this is true when we observe at least a 50% increase in Origin users transfer to the EA app and increased engagement.

Assumptions

Digital Solution

Home Screen

Game Detail Page

Wishlist Page

UI Component

Final solution

full page

Key Learnings

Last time added interaction

Next step

duration

Device

Tools

Team

Project overview

Project goal

My Role

Timeline

Given Problem space

How might we ensure that the EA App is adopted by their current users?

our Problem space

What’s the gamer community concern?

We noticed fewer community-oriented features than products like Steam. Current EA App users note that the application is missing basic functions related to e-commerce.

Proto Persona

Main User Flow

Browsing games recommended in your community, and adding a game to your Wishlist.

Hypothesis

We believe that implementing personalized game recommendations and a wishlist for Gen Z gamers will achieve higher gamer retention on the EA App.We will know that this is true when we observe at least a 50% increase in Origin users transfer to the EA app and increased engagement.

Assumptions

Digital Solution

Home Screen

Game Detail Page

Wishlist Page

UI Component

Final solution

full page

Key Learnings

Last time added interaction

Next step

We believe that implementing personalized game recommendations and a wishlist for Gen Z gamers will achieve higher gamer retention on the EA App.

We will know that this is true when we observe at least a 50% increase in Origin users transfer to the EA app and increased engagement.