UI, UX, Mobile
After analyzing the full site and the original layout, it was very limited in terms of width and content. I decided to review the whole user stats to check the real average user screen resolutions and browsers to make a new experience more accurate to the new situation.
The original grid of the site was a 12 column 980px wide layout. To make it more flexible without having to create a fully new grid, I added two extra columns to the original grid making it now 14 columns and going up to 1100px.
This conservative change made easier to keep the same card sizes which was important to keep the existing contents without having to reupload dozens of thousands of images.
Apart from the additional columns, the new layout had fluid width sections to make the content lighter and a feeling that the contents were flowing to the edges of the screen.
To make them more recognizable for the user and giving the sections some visual clues and a more vibrant and attractive look, all of them were illustrated with colorful headers by Víctor Sanz, and a full revamped structure to make it easier to browse games.
Several improvements were made to the whole user interface to make it more clean and clear without making dramatic changes.
For the homepage a new carousel was designed to include several different options to highlight like new game events, new achievements on the games or new features on the website.
It was also used to create a new onboarding to keep track of the registered users from the beginning and to help them to complete their profiles once they were using the app, with a series of rewards.
One of the main improvements on the site was made on the profile. The users of Miniplay can create amazing custom avatars with so detailed elements and backgrounds, but it was almost impossible to see them on the site as it was featured very small.
The new profile made a more visual and attractive experience so the users could feel more engaged with their creations.
The redesign of the mobile version of Miniplay was realized as if it was a mobile native app, to make it more clear, fast and simple to navigate the contents and to fit most of the contents of the desktop version.
Here you can see most of the screens and notifications that were created together with the mobile version of Miniplay. Some minor details of visual design and several improvements in terms of usability were integrated to create a more engaging experience.
In order to offer to the users downloadable games that can be played without network connection, we launched a new mobile app to offer a list of games easily downloadable by the users all in one place.
One of my firsts projects at Miniplay was to design and create a new Affiliates platform where the users could get high quality games to monetize and follow all the revenue and stats in a brand new affiliates panel. The illustration work was made by Roberto Zurdo.
After the creation of the Affiliates Dashboard, we created a new environment for the game developers to add and monetize their games, managing the content and checking all the information.