480
Entrar
1
Navigator ~ Redesign Concept (SUNRISE UI) Publicado hace 6 meses
Damieri


Mensajes: 46

Navigator ~ Redesign Concept (SUNRISE UI)
This is officially our first installment of the Project column!
I started with the Navigator because it's perfect for explaining how I designed the SUNRISE UI and why it works the way it does.


THE CONCEPT OF ALBA: EVERYTHING ARISES FROM BELOW
Last time I explained to you that the new Interface is called SUNRISE because it is a symbol of a new day, a new chapter to be rewritten. But there is also a functional reason (there will always be a functional reason).

THE PROBLEM
The current game screen windows are bulky and make it difficult to see what's going on in the room or read the chat.




THE SOLUTION
SUNRISE UI solves this problem by moving all windows (except chats) to the bottom of the screen, dividing the game screen into three parts: the chat, the room and the window.





AND HERE IS THE REDESIGN OF THE NAVIGATOR!
On the left the categories, on the right the list of rooms, the search, the filters and two quick buttons. All this with the possibility of writing on the fly in the room without closing or moving the window.


The Navigator occupies about 1/3 of the screen and bright and vibrant colors have been used to better immerse yourself in the game.



IT TELLS YOU MORE
In addition to the name of the room and its state of accessibility, the Room Cards also tell you at a glance who is the owner, the base of the Guild, the Category to which it belongs and even if there are your friends inside it, so as to make the new Navigator more friendly!


Demonstration image of the Room Card template with the related examples behind it.



HE TELLS YOU EVERYTHING
Just place the mouse pointer over a Room Card (without clicking on it) to get even more information: the description of the room, the extended preview, if they accept exchanges or pets, the description of the current event, how many likes, shares and saves it has and which of your friends is inside it. You won't miss anything, even before entering the room!





EXPERIENCE ALSO REVISITED IN THE CREATION OF ROOMS
The maximum number of users and permissions on exchanges have been removed and the room preview is now larger and more realistic to help you choose better.




The Room Bundle have been moved here, so as to entice players to buy when creating a room.





SPONSORED ROOMS
Another idea that could be implemented is the Sponsored Rooms: buy and write a short sentence that encourges users to come to your room and publish it in the sliding part of the Navigator to have greater visibility.





FINAL CONCEPT



IN THE NEXT APPOINTMENT:
PROFILO UTENTE
In the next Redesign I will show you the new User Profile that I have completely distorted to make it a bulletin board in which to show your life in Habbo. And it's also customizable!

I'll be waiting for you on December 16th, stay up to date!

Hace 6 meses
Cris
you only live once...

Mensajes: 264



Omg this looks so good 👀 really like how u placed everything at the bottom, makes it feel way cleaner and easier to use.

The room cards idea is super nice too!! Being able to see all that info before even entering a room is genius. And the sponsored rooms thing?? lowkey sounds fun and could totally work if done right 👏🏼

The previews look amazing too!!! 😍😍 I really like the direction you’re going with this project, it’s honestly exciting to see someone putting so much effort into modernizing Habbo’s look. Can’t wait to see more soon!! 🥰💓
Hace 6 meses
Damieri


Mensajes: 46



CrisKay dijo: Omg this looks so good 👀 really like how u placed everything at the bottom, makes it feel way cleaner and easier to use.The room cards idea is super nice too!! Being able to see all that info before even entering a room is genius. And the sponsored rooms thing?? lowkey sounds fun and could totally work if done right 👏🏼The previews look amazing too!!! 😍😍 I really like the direction you’re going with this project, it’s honestly exciting to see someone putting so much effort into modernizing Habbo’s look. Can’t wait to see more soon!! 🥰💓


Thank you very much for the nice words you dedicated to the redesign, they make me understand that I did a good job <3
1