Wild Hearts is an action role-playing video game developed by Omega Force and published by Electronic Arts under its EA Originals label. The game tasks the player to hunt massive monsters in a fantasy world inspired by feudal Japan.

I was tasked with designing a landing page for a sponsored, competitive event over Wild Hearts debut. Using assets provided and my own creativity, this was the end result that went live in front of over 25,000 people.

Role
Senior Visual Designer
UI/UX
Web Design

Tools
Figma
Adobe Creative Suite

Duration
3 days

Overview

During my time at LeagueSpot, I was the lead visual designer for this landing page design under Wild Hearts branding. I was responsible for designing the interface, the structure, and visual design. It needed to include a leaderboard, a point system chart, and a place to show off the main twitch stream.

Challenge

Implementing an easy to read, easy to code design for the landing page within our extremely short time frame was a fun challenge. The goal was to make it understandable at a glance, while keeping Electronic Arts’ and Omega Force’s branding in tact for the launch of their new game.

Solution

I leveraged assets and previous landing pages to gain inspiration to design a visual hierarchy that was easy to comprehend and design. This created a consistency to match the branding of Wild Hearts, Electronic Arts and Omega Force.

Page Flow

The flow of a landing page plays a crucial role with the audience to develop a reason for them to stay and explore more. I designed the page in a way that caters to both a new audience and existing users. As a result, their user experience remains smooth and enables the audience to swiftly locate their desired information at a glance.

Typography

With its resolute clarity Neue Haas Unica is suitable for use in a wide range of contexts. The light characters paired well with the more elegant Optima LT Std font, which was used for headlines.