Navigatore ~ Redesign Concept (SUNRISE UI)

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.


https://i90.servimg.com/u/f90/20/63/41/96/ui_nav10.png




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.


https://i90.servimg.com/u/f90/20/63/41/96/mockup18.png






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.


https://i90.servimg.com/u/f90/20/63/41/96/naviga14.png
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!


https://i90.servimg.com/u/f90/20/63/41/96/mockup19.png
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!


https://i90.servimg.com/u/f90/20/63/41/96/naviga13.png






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.


https://i90.servimg.com/u/f90/20/63/41/96/naviga16.png




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


https://i90.servimg.com/u/f90/20/63/41/96/naviga17.png






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.


https://i90.servimg.com/u/f90/20/63/41/96/stanze11.png






FINAL CONCEPT
https://i90.servimg.com/u/f90/20/63/41/96/naviga15.png




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!


https://i90.servimg.com/u/f90/20/63/41/96/user_p10.png