Designer-Fabiana-von-sydow-Dota2 -website-UX-process

Designing a landing page that converts visitors into Dota 2 players.

My role: UX, Research, Information Architecture, Prototyping, Testing, Content Strategy, UI Redesign

Academic project

The brief

Dota 2 is a multiplayer online battle arena (MOBA) video game developed and published by Valve Corporation. The game is free-to-play sequel to the Warcraft III custom scenario that originally popularized the Multiplayer Online Battle Arena sub-genre.

Create a Landing Page to promote and sell a product or service. It should be only 1 page long, containing all the relevant content for the product you are working on.

My process

Designer-Fabiana-von-sydow-UX-process-research

Design tools

Design-tools-Fabiana-von-sydow-UX-process-research

Discover

I started my strategy by understanding users, the brand and checking the competition in order to help me think of an appropriate design solution.

To evaluate player experiences and game design implications I delved deeply into the world of players to understand who they are. I watched many hours of Dota 2 and LOL players streaming their battles on Twitch, and interacting with them, analyze their behavior in social media and read reports on player profiles.

I gathered information from the PC game market on the subject to help me understand the terms and the real scenario of the game.

Competitive Analysis

The Competitive analysis shows that probably a player who prefers slow and complex gameplay will choose DOTA 2, while a player who prefers faster gameplay and simplified mechanics will choose League of Legends.

To get most of the analysis, I cross-checked the data, first among all games, and then I isolated the MOBA games.

Engagement data
Age and gender data
Traffic sources data

The analysis shows that probably a player who prefers slow and complex gameplay will choose DOTA 2, while a player who prefers faster gameplay and simplified mechanics will choose League of Legends.

Research

During an evaluation of the current state of the website, I carefully inspected the current design of the Dota 2 website to understand how it works and the intent behind each decision.

Define

After gathering and analyzing information about Dota 2 and players, I identified the following Improvement opportunities:

Opportunities

At this stage, the needs of the user and client needs are translated into specific for content and functionality.

Users needs
Client needs

Develop

Information Architecture

Fabiana-von-sydow-UX-process-information-architecture-UI

Sketches & Wireframes

Fabiana-von-sydow-UX-process-fast-Wireframing
Wireframe 1 Wireframe 2 Wireframe 3 Wireframe 4 Wireframe 5
Fabiana-von-sydow-UI-Dota2-mood-board

Design

Fabiana-von-sydow -UI-Dota2-prototyping-Figma

Congratulations on your efforts in your studies and in redoing some parts to learn more and have more final quality. The research and documentation part is very good!

Felipe Melo
Felipe Melo
Mentor Aela.io Bootcamp
Back to homepage

Let's work together

[email protected]