Maybe the most popular online fashion game, which has been translated into 17 different languages and is played by more than 30M people around the world. The game represents a whole new world filled with fashion events, clothes, accessories, hairstyles, cars and everything related to fashion, parties and entertainment.
Project
Working on the project was an absolute challenge, but at the same time an endless fun. The game in terms of content and scale of the project is really huge and it was my honor to invent, build and integrate a complete redesign.
Style guide
Making a fresh redesign of the whole game UI (and I mean huuuge game) is verry interesting and in the same time tough task. I had to create a complete style guide, which includes all important UI elements from colors, typography and progress bars to buttons, icons and complete game components.
The style guide is presented in HTML format, so everything is fully functional, can be inspected and can be used straight forward.
Code templates and styles (HTML/CSS) for each element or category are included.
Using the advantages of CSS custom properties I was able to create a very pleasant way for control different style properties just with one slide. For example colors, border radius, font properties and more. This way users have the opportunity to create their own unique color themes
UI Components
A series of interface components and interactive animations created according to the principles set in the style guide
Icons
Different icons for different places
Most of the icons are SVG based which allow implementation of various effects and animations
also many colorful icons are scattered throughout the game
Real life action
And then the mobile app
For the mobile version, first we had to take a decision - whether it should be a responsive version of the browser game or a completely separate mobile application. So after extensive discussion and research, the decision was in favor of a mobile application.
Game map
Final screens
