The Finals
A quick 24 hour challenge
As a game currently popular among a diverse group of players, 'The Finals' is gaining significant attention. However, its official website is missing much of the essential information that players are seeking.
The Challenge
Background
This project primarily focuses on improving the website for the current and rising FPS Shooter "The Finals". This design exercise acts as a good tool for me to diversify my kit and expand away from just mobile design apps. My teammate Devin Chappell and I had the aim to be more helpful and informative for contestants looking to jump into the arena of The Finals. We wanted to challenge ourselves by stepping out of our comfort zone and working on our first ever desktop website in the video game industry within a 24 hour timeframe.
Challenge
1
Lacking resources
2
Unclear Features
Goals
1
Improving the homepage
The current homepage is simplistic in design, highlighting its primary goal of getting users to download the game with no extra frills. Our goal is to shed light on gameplay for those who seek to learn more information about the game first
My Design Process
Design Discovery
Game Discovery
This discovery based on all the information we gained through playing the game. The game is currently catching a lot of plyaers' eyes and we believe in the potential of this game.
The Finals is mechanically thrilling, thematically wanting game with various choices of contestants, plugging in the virtual world and join teams in escalating tournaments.
Design Process
The Process in Steps
1
Research and dissect ideal examples for video game websites
Hours 1 and 2
In the first two hours of our design process, we felt it was important to take notes and learn from leaders. Looking at the fine details told us a lot about what were the essential needs of a website for video games. With the information we gathered, we created a moodboard that contained information we collected together.
Moodboard
The Process in Steps
2
Create a Styleguide
Hours 3 and 4
The in-game images we captured that are displayed in the moodboard told us that the particular style for The Finals was quite unique. Our next step was to search for Embark Studios' style guide, which provided us with an in-depth media kit containing more information than just the style. With the kit also came with official art, rules and restrictions for designs, and jargon. Within this timeframe, we created our style guide and created components along the way.
The Process in Steps
3
Apply Principles and Start Designing
Hours 5 - 16
These hours were our designated designing hours with breaks and meetings in between to check on progression and offer help. Throughout the entirity of this project, communication was a pivotal part in our design. During this process, we discussed what parts of designing we wanted to focus on.
Final result
Homepage
Contestants Page
Map & Variations Page
Gamemodes Page
New Insights from the project
This project is centered around enhancing the website for the increasingly popular FPS game "The Finals." It serves as an excellent opportunity for me to broaden my skills beyond just mobile app design. Along with my colleague Devin Chappell, our goal was to create a more useful and informative platform for participants eager to enter the world of The Finals. We sought to push our boundaries by embarking on our first project in the video game industry focused on desktop website design, aiming to complete it within a 24-hour period.