top of page

UI Layout Practice

This was a personal project where I went and used the Riot Games landing page to practice UI layout design.

Year

2025

Riot Mockup.png
Riot Mockup_edited.jpg
Riot Mockup.png

This was a personal project to practice overall UI layout design. I used a Riot Games landing page (pictured on the left) and made a reiteration of it (pictured on the right). I wanted to make an attempt at using an image that covered the whole background. I then realize that the larger image causes a big problem for the overall visibility of the text. I wanted to mimic how the original page's background image bled into the searchbar. 

This project helped me learn that visibility should be the forefront of the user experience. Without it, a website can become easily unusable. 

bottom of page