My Roles
UI/UX
Designed a static landing page displaying the leagues we conduct and who we are.
Customized the main website template to enhance UX and fit the brand's identity.
Front-end
Developed the static landing page, maintained and wrote code for the main website built on Joomla.
Animation
Designed and animated web elements for our landing page using GSAP.
Graphics
Created visuals that represented stats, rankings, match and league results, that were used for social media posts and to highlight the winners.
Branding
Designed the logo, color theme, and type system, as well as logos for leagues and tournaments.
Ad Campaigns
Prepared all graphics for all social media posts, working often under extremely tight deadlines and schedules.
Colour Palette
The goal was to add a third color to the palette to enhance the energetic atmosphere that fits esports and our competitive environment.
With energy as my focus, I decided to build the theme around the colors of the sun. The yellow was paired with a new reddish orange, while also utilizing radial gradients to further add to the concept.
Color Distribution
Primary Colour
Used for all purposes throughout the entire brand.
Primary Colour
Used for text, buttons, graphics, and backgrounds.
Secondary Colour
Used for buttons, backgrounds, and graphics.
Tertiary Colour
Used for backgrounds, dividers, and graphics.
Typography
Primary Font
Montserrat
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890- Body Copy
- Buttons
- Table Headings
- Table Subheadings
- Table Body
Working with games of the sports genre, required displaying data visually almost constantly. Consequently, typography was the main challenge. The task was to find a family that offered an extensive selection of weights to ensure flexibility.
The answer was 'Montserrat', offering a myriad of different weights to work.
Wide and smooth characters paired well with the tall and condensed secondary font, as well as with our vibrant colours.
Secondary Font
Gobold Thin
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890- Numericals
- Headings
For headings on the website and our articles, we used 'Gobold'. A font with bold and tall characteristics aligned both with our theme and our competitive esports environment.
Type Use-Cases
Schedule Table
Rankings Table
Top Player of the Season
