Seleccionar página

The Nightlife online




  • Product design
  • UI / UX
  • Interaction Design


  • +52 Screens
  • Icons
  • Styleguide
  • Animations


Challenge is the leading young leisure platform in Spain. It is the largest space of event and night photography in Europe. But is more than a website: it is a team of more than 200 photographers (developers, coordinators and editors) who will link your brand with the best events. However, the  UI / UX has not been updated since 2008. 


In 2015, the redesign of its website was launched: a new user interface thinking above all about usability. The focus was into the user. They guided us to made the best solutions in terms of UX.

Stage 1


Where we were

· A 2008 website.
· Too dark.
· Abusive advertising at times.
· No quality content.
· No content of interest.
· With a very marked style and anchored in a specific target.

Stage 2


Where we wanted to get

· Easier to navigate.
· Fewer clicks to get to what you are looking for.
· Focused on content.
· Participatory.


For the new design, we needed something that Not only does it look pretty, but it works perfect.

With a simple appearance we would increase the level of attention and quality. Functionality: geometric, pragmatic and inspired style in infographics giving importance to the image.

Stage 3


Once I finalised the ideation process and have a clear idea of what we wanted to design, I created wireframes to make the functionality of every section in the site clearer.

Stage 4

User Interface

We always kept in mind that the platform had to be functional on any device. However, we always start from the premise of mobile first since our core of users were young people between 18-24 years old.




Playfair  Display 32pt

Titillium Regular 24pt

Poppins Regular 16pt

Poppins Bold 14pt

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Sed  lectus nibh.

Main Pages

All the main pages had to be visually attractive to attract the user’s attention. We didn’t have a second chance to make a good first impression. 


Responsive layout

We knew that the versatility of the platform was the key to our success. In the production version which we started from, there was no responsive design. So we not only had to create it from scratch, but in addition It had to be fluid and it would work perfectly well on any type of device.


Stage 5


This project was a huge leap forward for the brand. The change was not only in the site: the philosophy of work that had been done in recent years was changing. That is why we decided that the best way to explain all this complex creative process in a simple way for the user’s understanding was with an interactive video



remember: Every pixel matters
Back to home