May 22, 2013

Case Study: inTacto's 2012 Responsive Greeting Card

Case Study: inTacto's 2012 Responsive Greeting Card

We’re starting a new series of blog posts featuring “Case Studies” of unique projects that experiment with the boundaries of the Web and create trends. Most of them have been Site of the Day on Awwwards.

In this first Case Study the guys from Argentinian studio inTacto lay bare the development that went into making: inTacto's 2012 Greeting Card, a wonderful responsive game that left nobody indifferent.

We want to thank director Alejandro Lazos and the whole inTacto team for their efforts. Here at Awwwards, we hope you will join in with this interesting and illustrative project which aims to share and spread knowledge about the Web, give us the opportunity to learn and grow together, discover the techniques and technologies used, the intricacies of design, and the problems they faced and how they solved them.

Motivation

inTacto Responsive 2012 was a project intended to mark the end of that year. As such, it was important to get a balance and evaluate which lessons were worth learning and applying. In addition, we felt there were several events in 2012 that deserved to be revisited. Reality often surpasses fiction, and in digital media the most trivial news can quickly become front-page. That’s something we love, and thus, wanted to celebrate in a more experimental way.

So, for this greeting card we decided to apply one of the hottest design trends of 2012, Responsive Design. As we know, Responsive Design is a CSS technique that allows a single development to adapt to different screen sizes. Each compatible screen size represents one breakpoint in the responsive layout. This resource meant a great advantage for brands in matters of cross-device compatibility as opposed to other different approaches, which required independent developments for each device. What’s more, we wanted to go further and make it work for a new purpose.