About the client

Adriatic Luxury Hotels is the collection of finest independent luxury hotels in Dubrovnik, Croatia. Glorious views of the crystal-clear waters of the Adriatic Sea come as standard in all of Adriatic Luxury Hotels five-star hotels and luxury villas. Many have their own private beach. Alongside stunning seaside locations, effortlessly elegant interiors and impeccable service – including the assistance of knowledgeable concierges – you can look forward to a stylish selection of destination bars and restaurants, luxury spas, boutiques, and even a PADI dive centre.
Adriatic Luxury Hotels suites or contemporary conference centres are both impressive and flexible. Plush interior design, swathes of natural sunlight and picture-perfect panoramas of the sea make them just as popular a choice for weddings and other tailor-made events as for business.

Goals

The goal was to completely redesign website from the front-end and back-end perspective in order to:

All of this, if achieved, should create better experience for users and increase visits, pageviews and time on site.

Challenges

From the front-end perspective, translating the real-life experiences of visiting Adriatic Luxury Hotels into the website, while keeping in mind users' needs, was of the utmost importance. By choosing layout that perfectly blends rich visuals together with functional descriptions we wanted to bring users closer to their dream vacation while retaining their online attention. Despite having a large amount of visual content on the web itself, providing users with a streamlined experience and keeping the site's performance high across all devices was the top priority.

Backend challenge was to create a CMS to handle client request for everything to be editable, possibility to add new languages and translate content easily.
Another, really demanding, challenge was for the website to run fast. Since there is alot of CSS and JavaScript code and high quality images we could not allow for database queries and page generation to be longer than 100ms since it would drive away user from browsing the website.

Solution

FRONTEND

Taking into account the habits and behavior of users, as well as the way they consume content on mobile devices, we put an emphasis on the simplicity of navigation and interaction. Besides magnificent desktop experience we adjusted the mobile version in a way that enables users to reach the desired information and take appropriate actions faster.

To maintain the luxurious atmosphere of the website, the booking process had to convey the same emotions. We opted for a minimalist approach that highlights the most important features and keeps the website clean and simple. With that we enabled users to modify their vacation preferences and kept the entire booking experience straightforward and transparent.

BACKEND

Database

Database planning was the first step in building this website. Since there is a lot of different content more than 50 tables had to be created. Why? Let’s take hotels and data connected to them as example:

That’s only for hotels. On the other hand villas have different content than hotels and data connected to them, and there is a big number of forms which are saved into the database.

Caching database data

Second, really important, thing that had to be brainstormed was caching of database data. General idea was that user browsing the website never gets data from database but from some fast cache. Caching system was created that took care of that. Everything that was queried from database was set to cache for a year. Now when user enters website he / she gets data from cache. Cache building was made in a way that administrator browsing the website gets data from database and populates cache with new data. In some, almost never happening, scenarios when cached data was deleted first user browsing that part of website will populate cache.

CMS

CMS development was planned to be made in modules to create seamless experience for website administrators:

  1. Filemanager

  2. Languages

  3. Pages - “static” pages

  4. Destinations

  5. Collections

  6. Hotels and their modules

  7. Villas and their modules

  8. Forms

  9. Routing

Results

Awards

Awwwards: Honorable Mention
AVA Digital Awards: Honorable Mention
Web Guru Awards: Guru Of The Day

Share this story
Go to top