100 Thieves Esports Analytics App
Contractor for 100 Thieves
This is an analytical website/desktop application that shows the competitive statistics of professional players, teams, champion metas, pick/ban rates, etc. The purpose of the app is to give competitive teams and players an all in one place to view their match insights and to help them better prepare going into each match, tournament, and season.
Deliverables:
+ Style tiles according to current brand aesthetic and colors
+ 3 screens in the form of high-fidelity wireframes
home/history/pro
home/history/game
home/statistics/scrims
Tools: Adobe Photoshop, Adobe Illustrator, Figma
Process overview
Research & understanding
Dive into the market to understand the target audience of the product as well as conducting competitive analysis to understand the target audiences of like-products.
Low-fidelity
Provided by 100 Thieves. Goal is to understand and breakdown features into a hierarchy. Primary information, secondary information, and tertiary information should be clearly demonstrated in visual hierarchy by high fidelity stage.
Compiling research
Collecting images and breaking down information from the market and competitors. KPI’s include strengths, weaknesses, price points, platforms, color schemes, etc.
Feedback & iteration
Gathering feedback from potential customers and people who fit the user persona. Iterate based on new information.
Mood board & style tiles
Quickly compiling inspiration and imagery. Defining iconography, typography, button styles, image styles, and color schemes.
High-fidelity
Apply all changes and feedback to screens and push pixels to perfection. Create final screens for presentation.
Project overview slideshow
