High-End Villa Collection

villa-collection-cover
 

The Challenge

This project was created for Seez Travel, a travel lifestyle design agency that provides high-end and tailor-made travel experiences, while I was working for Algean Group.

The challenge was to create a website through which B2B clients can search through Seez’s villa database, based on various criteria, and enquire about the ones they are interested in. Seez travel designers would have to upload villas onto the website, so the interface had to be simple and user-friendly.

In a hurry? Skip to the end result. 

villa-teaser
 
villa-teaser-mobile
 

The Process

The Seez Travel team informed me about what their B2B clients ask for when searching for a villa to rent. This information assisted me in defining the search engine fields.

As this constitutes the client’s first contact with the company, I wanted the website to be mostly inspirational, as the client would be able to get more information regarding the properties they are interested in upon contacting Seez. Therefore, we decided to create a site heavy on imagery, with basic information for each villa regarding its features and location, that can be hidden if the user wants to.

villa-wireframes1
villa-wireframes2
 
mobile-villa-wireframes1
mobile-villa-wireframes2
 

Click on image to stop animation, click again to resume.

Tap on image to stop animation, tap again to resume.

We wanted the user to be able to add properties to a list of favourites and enquire to learn more. Before enquiring the client would be able to compare the features of the favoured villas, remove any that didn’t match their criteria, and download the favourites as a pdf file.

After agreeing on the function and the look and feel of the website with the Seez team, I started designing the structure and the wireframes, both for front and back end. 

The Solution

Upon structure and wireframe approval, I continued with creating the visuals, including all the icons for the properties’ features.

The next step was to work closely with the developer and, once the platform was developed, we ran tests to ensure that the website functioned correctly before going live.

villas-frontend1
villas-frontend2
villas-frontend3
villas-frontend4
villas-frontend5
villas-frontend6
villas-frontend7
villas-frontend8
 
mobile-villas-frontend1
mobile-villas-frontend2
mobile-villas-frontend3
mobile-villas-frontend4
mobile-villas-frontend5
mobile-villas-frontend6
mobile-villas-frontend7
mobile-villas-frontend8
 

Click on image to stop animation, click again to resume.

Tap on image to stop animation, tap again to resume.

villas-backend1
villas-backend2
villas-backend3
villas-backend4
 
mobile-villas-backend1
mobile-villas-backend2
mobile-villas-backend3
mobile-villas-backend4