// UI/UX DESIGN

Valorant UI

A Valorant-inspired website prototype created while learning Adobe XD, exploring UI, layout, and interactions.

ROLEUI/UX Designer
TEAMSolo project
CONTEXTPersonal design project
CREATED2020
Adobe XD
Valorant website UI design

Overview

A personal UI/UX project based on Valorant, a first-person hero shooter by Riot Games.

The goal was to experiment with website design and create an interactive prototype in Adobe XD. This was my first time using Adobe XD, and I decided to learn its features by building a fun project.

Design approach

I focused on:

  • Website layout and navigation
  • Valorant-inspired visual styling
  • Interactive prototype interactions and transitions

Prototype

Try out the interactive Adobe XD prototype below!

// INTERACTIVE PROTOTYPE

The Adobe XD prototype is available on desktop only. Please visit this page on a larger screen to interact with it.

Lessons learned

This project helped me practice UI/UX design, prototyping, and creating interfaces around an existing visual identity in Adobe XD.

Looking back at it now, I’d probably change the font styles and sizes to create a clearer visual hierarchy and make the content easier to follow. (2026)