Adriana Travel

UX/UI DESIGN, DEVELOPMENT

Minimise the hassle, maximise the holiday - A vacation rental website

Scope of work

UX Design

WIREFRAMING

PROTOTYPING

UI Design

STYLEGUIDE

VISUAL DESIGN

Development

FRONTEND

BACKEND

Marketing

CONTENT MARKETING

SEO

Website architecture

When developing the structure and flow for Adriana we always had a website in mind that is useful, easy to use, and delightful to interact with. It was about enhancing the experience that people have while interacting with the site, and making sure they find the perfect accomodation.

Styleguide

We introduce meaningful typography and colors to reinforce what the brand stands for.

Typography

Aa

DM Serif Display

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Aa

Nunito

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Colours

Main

Primary-1

HEX: #EFF3F5

Primary-2

HEX: #009FDA

Primary-3

HEX: #10304C

Primary-4

HEX: #8B8C8C

Primary-5

HEX: #000000

Primary-6

HEX: #EECB11

Development

The frontend of this app was developed using Vue.js - a JavaScript framework for building user interfaces. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries. The backend was developed using Laravel - a PHP web framework, for the development of web applications following the model-view-controller architectural pattern. Laravel provides elegant solutions for Routing, templating HTML, and authentication, which makes it an excellent choice for backend.