When Design creates Emotions

Year2019

AreaTourism & Hospitality

DisciplinesGraphic Design
Typography
Web Design
Copywriting

Every life project is born out of love stories. Love for a land, an environment; love for a family legacy; love for culture and for life, understood as the capacity that we humans have to feel curiosity, discover, know and fall in love with that which gives us beauty. And they are also born with a purpose: to share, celebrate, teach and enjoy that which moves our spirit. Perhaps there is no more accurate definition of luxury: that of the celebration of that touches us and moves us.

Cap Rocat is nothing more than that, the Brand of Antonio Obrador‘s life project. Every corner of this ancient fortress, which he fell in love with as a child, bears his personal stamp, his rich sense (in nuances, in textures, in sensations) of the beauty and culture of this corner of the world. The incomparable views; the mixture of references, of ochres, of the different fabrics and threads from different places of the Mediterranean; the golden light and the rest; the aroma of the sea and the breeze; the smell of rosemary and salt; and that sensation of having entered a different, mysterious, elegant, private and exquisitely delicate space that for a few hours, a few days, will be a particular universe of enjoyment; a place thought to move.

Emotional Design:

Transferring the Cap Rocat brand experience to the online environment has required an immersion in that personal universe, which is the result of the mixture of Antonio Obrador‘s vital and aesthetic sense with the exquisiteness of experience and personalised service that define the hotels managed by Marugal. An exercise in emotional design that is born from the power of storytelling, from the capacity of human beings to marvel, to get hooked on good stories and to bond with them. And Cap Rocat’s is one of them.

The first piece of that construction is posed in the copies. In them, the aseptic description gives way to the narration of the experience, almost delightful, turning the virtual walk around Cap Rocat into the beginning of what will be the experience for the client, and the memory of his stay there, the travel album of those experiences that mark lives.

Three key aspects have been worked on in the design part. On the one hand, the weight of photography in the construction of Cap Rocat’s imagery was obvious, and it has been applied to all the images (from different photographers and different styles) to a profile that would achieve that dominant golden light in this dream setting with a homogeneous result.

An Unique typoghraphic work:

Moreover, Cap Rocat’s experiential storytelling and style required unique typographical work. Using the Freight Big Pro Light family of typefaces in big headlines gave us the elegance, the restful and distinguished style we were looking for. Its combination with the same family in italics within the same sentence helped us to create the rhythm, cadence, and pause characteristic of great travel stories, emphasizing what we wanted to highlight in each block of content.

Design has also taken into account the awards and acknowledgements received by the rehabilitation project, such as those of UNESCO heritage, Europa Nostra, España Nostra, the Fortress study award or Natura2000.

A visual journey:

Finally, we needed a design that was natural, that did not present the contents as watertight compartments but connected some themes with others in a simple and continuous way. The modular design was proposed in two directions, one horizontal to differentiate types of content within the same page, and at the same time a liquid interface that poses a vertical visual tour. Thus, the eye manages to read in a continuous route from the top of the interface to the bottom in a natural and uncut way. Smooth, continuous, delicate… like good bedtime stories.

On a technological level, parallax effects and hidden preloads were implemented that make caprocat.com a much more fluid journey, without page refreshing, and that accelerate navigation in a transparent way. We took advantage of the interaction of the mouse over the links to launch the preload of the content when rollover. When the user clicks, we already have some of the new content loaded, achieving faster navigation.

The web design of the new Cap Rocat site is first of all a design thought to generate emotions, to create a connection between the user and the brand. Beyond its practical functions of describing the establishment and the services, it has sought to provoke an emotional response, generating a more intimate and personal user experience, creating a link beyond functionality. A type of project that defines us very much, the result of which we are particularly happy with, and which has earned us an Honourable Mention in the prestigious Awwwards directory.

Visit the web site at: www.caprocat.com

Mandarina Brand Society Mandarina Brand Society

We are in Palma, we are in San Sebastian, Ibiza, Madrid, or Barcelona…
We are on the other side of the telephone, or replying you an email. Because what it really matters is to be where you are and whenever you need us.




    I have read and accept the legal terms of this website.