Tecate - Digital Calendar

Description:

Tecate is a mexican brand beer that every year choose the most beautiful woman to represent each month of the year. In this project we provided to the user the illusion of discovering each girl through the simulation of binoculars, imitating the emotions of spying a beautiful woman without being discovered.

"Turning, turning around, we can find these women whom made us a big men, little by little we will discover them” . The user simply visits the site in landscape mode, using the gyroscope of his mobile, he can navigate horizontally through the city until he find the different hidden hotspots that allow to discover the photo of each woman chosen for Tecate Calendar.

Problem:

Tecate costumer´s wait all year for this printed calendar, but this time Tecate also wanted to provide them a different experience in discovering the chosen girls and give them the option to share each picture with friends privately without being surprised by other jealous woman.

Solution:

I worked a lot with developers to find out how to make this 180º experience feasible, usable and delightful through mobile. I did research on technology and on gestures with different interactions. The result was a simple interface where the picture of woman would be the most important in the site.

My Role:

My role in this project was as User Experience designing the city view, interactions and external actions with the pictures. Also a lot of communication between clients, UI Designer and Developers.

*I did not worked in this project as UI, another UI designer helped me with color, mockups and UI Elements.

Challenges as UX:

Most of the challenge was to collaborate with developers to find the perfect panoramic image that would work and fit well to make the 180º experience to work. Also finding a way to show the hotspots and doing them easy to click, usable and efficient.

Research

When the project started , I had already a lot of input from Tecate of what the customers expected from this calendar, so I focused on the material we had and the concept of spying a girl through the city. Most of my efforts were in making this horizontal 180º feasible and easy to use.

Workflows and Wireframes

Prototype

Analytics and Quantitive Data