Fantasy Realm Online MOBA

Warlands Website - Main Page
Warlands Website - Main Page
Warlands Website - Main Page
Warlands Website - Hero Section
Warlands Website - Hero Section
Warlands Website - Hero Section
Warlands  Website - All UI
Warlands  Website - All UI
Warlands  Website - All UI

Category:

Fictional UX/UI Design

Client:

Marta Zarca

Duration:

2 Weeks

Introduction

With the curiosity of wanting to explore new ways of UI Design and changing my standards until then, I embarked on a new adventure!

Despite it being 2023, I'm still playing Animal Crossing, this was one of the reasons why I decided to be inspired by this more cartoon and stylized interface style.

At the same time, I felt quite inspired by Genshin Impact, since despite making something more cartoony I wanted an elegant and clean UI.

Case

In this project I faced the great challenge of how to update the brand identity to keep it uniform.

One of the first steps I took was to look for the distinctive elements of the interface in the video game and adapt it to the web format.

At this point the same line was continued by which new elements would begin to be designed in relation to the artistic style applied in the video game.

Solutions

Create a system of design that accompanies the fundamental pillars of the game adapted to web design, in addition to creating great readability and accessibility.

My goals:

  1. Do some research on web design and tools like Framer.


  2. Create a UX base on which to begin structuring the website. We thought about the CTAs and how the user would interact between elements.


  3. Assembly in Framer and use of interactive elements to generate the desired user experience.