00 Context

I spent more than four years at the position of Head of Design at Miniplay, a huge site with more than six million of registered users and millions of unique monthly visitors. In this context I was responsible to improve all the existing products and versions for both desktop and mobile. I also had to create from scratch ideas for different events and features to engage the registered users and improve the global Miniplay experience, together with the business objetctives and needs.

Fo this role I used and several different methodologies such as User Research, Competitive Analysis, Performance Analysis, Sketch Prototyping and Layout Design.

01 Redesign

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.

Miniplay
https://miniplay.com

UI/UX, Code

2015-2017

The grid

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.

The categories

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.

UI Improvements

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.

The profile

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.

02 Mobile site

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.

Miniplay
https://miniplay.com

UI/UX, Code, Mobile, Responsive

2016

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.

The Landing

To announce the launching of the new mobile version, a landing page was designed to explain the users how the new features worked together with amazing illustration work by Víctor Sanz.

03 Miniplay Games App

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.

Miniplay
https://miniplay.com

UI/UX, Code

2018

04 Miniplay Affiliates

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.

Miniplay Affiliates
https://affiliates.miniplay.com

UI/UX, Code

2015

05 Miniplay Developers

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.

Miniplay Developers
https://miniplay.com

UI/UX, Code

2015