UI/UX
October 10, 2020

Travelly- Travelling agency website

Background Information

Travelly is a travel agency located in Nairobi, Kenya. They have partners around the world and their specialty is combining travel to great locations, with tours and exploration of local culture and cuisine. They mostly focus on group tours but have options for individual tours where they provide everything from tickets, hotel, food, and tours, all in one exclusive package. Their trips last between 3 and 14 days, and they are trying to focus on air travel as much as possible because it saves them a lot of money and time between tours. They have 10 full-time employees and freelance agents working with them around the world, from tour operators to accommodation owners, to catering services. They need a new website to showcase their services.

Project overview

Goal and objectives

The main goal of this project is to attract more users to the website, and by having a great user experience, make them stay and book the trip. The objective of this project is to decrease the bounce rate by 30% in the first six months once the site goes live. The additional objective is to convert 15% more people in that time in combination with the marketing strategy they will launch along with the site.

My role

UX designer ,leading responsive website design from conception to delivery.

Responsibilities

Conducting competitive audits, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Understanding the user

User research

The project kick-started with intensive research which comprised user research and competitor research. The insights were used to shine more light on the design to be implemented.

Ideation

Paper wireframes/Sketching

I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit.

paper wireframes/sketching
Design

Digital wireframes

digital wireframes
UI Design

Style Guide

Typography

Typography

Color Guide

Color guide

Iconography and logo

iconography
UI Design

Responsive Hi-fi Mockups

Prototyping

Hi-fi Prototype

The high-fidelity prototype followed the same user flow as the low fidelity prototype.
Hi-fi prototype
Hi-fi prototype demo
Hi-fi prototype demo
thank you