VALOHUB
VALOHUB
./ui-ux, ./development
./ui-ux, ./development
01-2026
01-2026
Role
Role
UI/UX Designer & Developper
UI/UX Designer & Developper
Timeline
Timeline
3 months
3 months
Platform
Platform
Website
Website
Work type
Work type
For school
For school
01/
Overview
01/
Overview
VALOHUB is a web platform designed to help Valorant players discover agents, understand their abilities and create team compositions. By combining useful information with an interactive team builder, the platform makes learning the game easier and more engaging, especially for beginners
VALOHUB is a web platform designed to help Valorant players discover agents, understand their abilities and create team compositions. By combining useful information with an interactive team builder, the platform makes learning the game easier and more engaging, especially for beginners
02/
The problem
02/
The problem
Valorant can be overwhelming for new players. With so many agents, abilities, roles and maps to understand, finding clear and useful information isn’t always easy. Players often have to browse multiple sources to learn how agents work and which combinations suit their playstyle.
Valorant can be overwhelming for new players. With so many agents, abilities, roles and maps to understand, finding clear and useful information isn’t always easy. Players often have to browse multiple sources to learn how agents work and which combinations suit their playstyle.
03/
The goal
03/
The goal
Create an intuitive and visually engaging platform that brings essential Valorant information together in one place. The goal was to simplify agent discovery, make gameplay knowledge more accessible and allow players to experiment with different team compositions through an interactive tool.
Create an intuitive and visually engaging platform that brings essential Valorant information together in one place. The goal was to simplify agent discovery, make gameplay knowledge more accessible and allow players to experiment with different team compositions through an interactive tool.
04/
Process
04/
Process
Research
Research
I started by exploring Valorant’s visual identity and identifying the information players need when learning about agents. I focused on agent roles, abilities, map recommendations and team compositions to define the platform’s main features.
I started by exploring Valorant’s visual identity and identifying the information players need when learning about agents. I focused on agent roles, abilities, map recommendations and team compositions to define the platform’s main features.
Exploration
Exploration
I created a moodboard inspired by Valorant’s bold typography, strong contrasts and vibrant red accents. I then sketched different layouts on paper and developed wireframes in Figma to explore the website’s structure, navigation and user flow.
I created a moodboard inspired by Valorant’s bold typography, strong contrasts and vibrant red accents. I then sketched different layouts on paper and developed wireframes in Figma to explore the website’s structure, navigation and user flow.
Design
Design
I translated the wireframes into high-fidelity designs, using a consistent visual language inspired by Valorant. Bold headings, dark backgrounds, red accents and character imagery helped create an immersive experience while keeping the interface clear and easy to navigate.
I translated the wireframes into high-fidelity designs, using a consistent visual language inspired by Valorant. Bold headings, dark backgrounds, red accents and character imagery helped create an immersive experience while keeping the interface clear and easy to navigate.
Development
Development
The project was developed as a full-stack web application, connecting the interface to a custom API and database. The focus was on bringing the designs to life and implementing interactive features, particularly agent exploration and the team builder.
The project was developed as a full-stack web application, connecting the interface to a custom API and database. The focus was on bringing the designs to life and implementing interactive features, particularly agent exploration and the team builder.
05/
Final Result
05/
Final Result
The final result is VALOHUB, a Valorant-inspired platform featuring agent profiles, ability explanations, map information and an interactive team builder. Players can explore different agents, create team compositions and save their selections through an interface designed to feel both accessible and engaging.
The final result is VALOHUB, a Valorant-inspired platform featuring agent profiles, ability explanations, map information and an interactive team builder. Players can explore different agents, create team compositions and save their selections through an interface designed to feel both accessible and engaging.
06/
What I learned
06/
What I learned
VALOHUB helped me improve my ability to turn an initial idea into a complete digital experience. I learned how to structure complex information, maintain visual consistency across multiple pages and balance creative design with technical requirements. It also strengthened my understanding of the connection between UI/UX design and development.
VALOHUB helped me improve my ability to turn an initial idea into a complete digital experience. I learned how to structure complex information, maintain visual consistency across multiple pages and balance creative design with technical requirements. It also strengthened my understanding of the connection between UI/UX design and development.
Keep exploring
Keep exploring
[Open Project]
GRAVISTEP
01-2026
./branding, ./ui-ux, ./motion
[Open Project]
GRAVISTEP
01-2026
./branding, ./ui-ux, ./motion
[Open Project]
LACK OF SLEEP
05-2026
./motion
[Open Project]
LACK OF SLEEP
05-2026
./motion
© 2026 - Hamza El Aisati
Brussels, Belgium
VALOHUB
VALOHUB
./ui-ux, ./development
./ui-ux, ./development
01-2026
01-2026
Role
Role
UI/UX Designer & Developper
UI/UX Designer & Developper
Timeline
Timeline
3 months
3 months
Platform
Platform
Website
Website
Work type
Work type
For school
For school
01/
Overview
01/
Overview
VALOHUB is a web platform designed to help Valorant players discover agents, understand their abilities and create team compositions. By combining useful information with an interactive team builder, the platform makes learning the game easier and more engaging, especially for beginners
VALOHUB is a web platform designed to help Valorant players discover agents, understand their abilities and create team compositions. By combining useful information with an interactive team builder, the platform makes learning the game easier and more engaging, especially for beginners
02/
The problem
02/
The problem
Valorant can be overwhelming for new players. With so many agents, abilities, roles and maps to understand, finding clear and useful information isn’t always easy. Players often have to browse multiple sources to learn how agents work and which combinations suit their playstyle.
Valorant can be overwhelming for new players. With so many agents, abilities, roles and maps to understand, finding clear and useful information isn’t always easy. Players often have to browse multiple sources to learn how agents work and which combinations suit their playstyle.
03/
The goal
03/
The goal
Create an intuitive and visually engaging platform that brings essential Valorant information together in one place. The goal was to simplify agent discovery, make gameplay knowledge more accessible and allow players to experiment with different team compositions through an interactive tool.
Create an intuitive and visually engaging platform that brings essential Valorant information together in one place. The goal was to simplify agent discovery, make gameplay knowledge more accessible and allow players to experiment with different team compositions through an interactive tool.
04/
Process
04/
Process
Research
Research
I started by exploring Valorant’s visual identity and identifying the information players need when learning about agents. I focused on agent roles, abilities, map recommendations and team compositions to define the platform’s main features.
I started by exploring Valorant’s visual identity and identifying the information players need when learning about agents. I focused on agent roles, abilities, map recommendations and team compositions to define the platform’s main features.
Exploration
Exploration
I created a moodboard inspired by Valorant’s bold typography, strong contrasts and vibrant red accents. I then sketched different layouts on paper and developed wireframes in Figma to explore the website’s structure, navigation and user flow.
I created a moodboard inspired by Valorant’s bold typography, strong contrasts and vibrant red accents. I then sketched different layouts on paper and developed wireframes in Figma to explore the website’s structure, navigation and user flow.
Design
Design
I translated the wireframes into high-fidelity designs, using a consistent visual language inspired by Valorant. Bold headings, dark backgrounds, red accents and character imagery helped create an immersive experience while keeping the interface clear and easy to navigate.
I translated the wireframes into high-fidelity designs, using a consistent visual language inspired by Valorant. Bold headings, dark backgrounds, red accents and character imagery helped create an immersive experience while keeping the interface clear and easy to navigate.
Development
Development
The project was developed as a full-stack web application, connecting the interface to a custom API and database. The focus was on bringing the designs to life and implementing interactive features, particularly agent exploration and the team builder.
The project was developed as a full-stack web application, connecting the interface to a custom API and database. The focus was on bringing the designs to life and implementing interactive features, particularly agent exploration and the team builder.
05/
Final Result
05/
Final Result
The final result is VALOHUB, a Valorant-inspired platform featuring agent profiles, ability explanations, map information and an interactive team builder. Players can explore different agents, create team compositions and save their selections through an interface designed to feel both accessible and engaging.
The final result is VALOHUB, a Valorant-inspired platform featuring agent profiles, ability explanations, map information and an interactive team builder. Players can explore different agents, create team compositions and save their selections through an interface designed to feel both accessible and engaging.
06/
What I learned
06/
What I learned
VALOHUB helped me improve my ability to turn an initial idea into a complete digital experience. I learned how to structure complex information, maintain visual consistency across multiple pages and balance creative design with technical requirements. It also strengthened my understanding of the connection between UI/UX design and development.
VALOHUB helped me improve my ability to turn an initial idea into a complete digital experience. I learned how to structure complex information, maintain visual consistency across multiple pages and balance creative design with technical requirements. It also strengthened my understanding of the connection between UI/UX design and development.
Keep exploring
Keep exploring
[Open Project]
GRAVISTEP
01-2026
./branding, ./ui-ux, ./motion
[Open Project]
GRAVISTEP
01-2026
./branding, ./ui-ux, ./motion
[Open Project]
LACK OF SLEEP
05-2026
./motion
[Open Project]
LACK OF SLEEP
05-2026
./motion
© 2026 - Hamza El Aisati
Brussels, Belgium