Meraviglia Slowliving

Corporate Website

Custom design
Custom Design
Responsive Design
Responsive Design
Visual effects
Visual Effects
Typography
Typography

Located in the outskirts of Preveza, on an under-the-radar stretch of Greece’s coastline, Meraviglia Slow Living is a new form of intimate, immersive, and elevated retreat experience, a place where guests are reminded of the value of life and the power of nature to revitalise.

About the Project

The goal on this project was to create a website that would effectively present to the users the hotel, its facilities and also highlight the collective effort of a diverse group of local craftsmen, builders, craftsmen and international designers about the creation of a uniquely beautiful and welcoming collaborative space.

Implementation

The new, full responsive website focuses on structure, functionality and visual appeal. Using raw multimedia material from our client, we have created an understandable structure that gradually presents to the user, as he browses, all the information about the hotel, the rooms, and the services provided.

During the implementation of the website we used  typography and several graphic icons  in order to achieve the difference in the design. The website was designed by P-SO and developed by our company.

Content Presentation

Large images and typography were used to build the website, as well as motion effects in order to create an impressive presentation of the content and a pleasant experience for the user.

Responsive Design

mobile > 768px
tablet 768px • 1024px
deskop 1024px • 1440px
wide screen < 1440px

The website was built based on the techniques of Responsive Web Design and mobile first web design. Responsive design allows visitors to effectively view a website from any device they use for their browsing. The design and orientation of the elements are being moved and changed so that they are displayed correctly on a desktop, laptop, tablet or smartphone. Images and content shrink and fit from three columns to two, and finally to a content column as the website automatically recognizes the screen resolution used by the visitor.