META

BUILDING STRONGER RELATIONSHIPS WITH GAMES WE LOVE

 
 
 

Challenge

Currently in the gaming industry there is no place for players and developers to discuss current and upcoming updates for their game. Gamers are left out of the design process, but play a tremendous role in the outcome of a games success or failure.

 
 
 
 

Insight

Players and competitors are both physically and emotionally invested in the games they play and are passionate about all the changes and updates that happen to them. And game developers use countless data and analytics to inform their design decisions.

 
 
 
 

Solution

Developing a global communication platform that brings players together, creates conversation, and incentivizes players about updates and changes to the game. Bridging the gap between game developers and their communities, Creating higher engagement between game developers and gaming communities building stronger relationships with the games we love.

 
 
 

 
 
 

Process

After months of research, interviews, and ideation the design solution was clear, a communication platform for game developers and gaming communities. I then started ideating the brand identity, designing the user experience and interface, and crafting the storyboard,

 
 
 
 
 
 

The Platform

Meta was designed with the full spectrum of users in mind, the casual, the enthusiast, the pro, and everything in-between. With how we use technology today our time for it varies in short bursts, and long periods of time. Meta’s main features were designed to accommodate this. With Change the Meta designed for the user with only a couple minutes to browse and engage. And the Home Feed designed for the user who has time to be apart of a more in-depth conversation about their favorite games.

 
 
 
 
 
 

User Flow

This shows a brief snapshot summary of a typical user flow for someone who uses Meta. Showing login, Change the Meta, home feed, game specific page, up/downvote system, comments and messaging, in game rewards, and overall statistics.

 
 
 
Meta Grid Screens.jpg
 
 

 
 
 

Type Styles

In order to keep things consistent throughout the interface, I chose the typeface Proxima Nova because it has a variety of weights and is easily legible. Creating a flexible amount of sizes and weights, as well as color to solidify hierarchy throughout the interface.

Type Styles.png
 
 

 
 
 

Visual Design

Meta’s visual design challenge was to allow the user to focus on the main part of the content while being able to read all other valuable information. This was accomplished by creating a visual hierarchy and a modular system. The hierarchy allows the user to focus on the most important part of the content first. and the modular design creates an adaptive system for the content to live on the platform in different situations while still maintaining the visual hierarchy established.

 
 
 
Modular Components Final2.jpg
 
 

 
 
 

The Meta Identity

Meta’s logo expression represents the two sides of the platform, the game developer and the gaming community. While acknowledging the current gap between them and striving progression and growth.

Meta is defined by gamers as the strongest current strategy in the game.

Screen Shot 2019-05-17 at 12.41.15 AM.jpg
 
 

 
 
 

Visual Metaphors

The purpose of the visual metaphors is to give some insight to the viewer about the product and how it works, introducing key ideas and components that inspired the original concept.

 
 
 
 
 
 

Lost Conversations

This is a visual representation of all the lost conversations had online between players about updates and changes for their favorite games that developers will never see.

 
 
 
 
 
 

What I Learned

As the longest project I have worked on to date, it taught me a lot about the difference between passion and work. I found that passion for the project is what kept me up till 7am working, not because I had to, but because I wanted to. It was the passion to make something I was proud of that I saw differentiated me from my peers.