Team

Freelance project

Deliverables

Corporate website design and development. Brand strategy.

Role

UX Designer | WordPress Developer | Brand Strategist

Tools Used

Adobe Creative Suite, HTML, CSS, PHP, WordPress CMS, InVision

Live Website

thetravellingpaw.com

The Travelling Paw is a company dedicated to helping pet owners to travel with their pets. For this project, the scope consisted in creating a friendly and distinctive brand, as well as a website that allowed users to easily find all the resources they need in order to travel with their pets easily.

THE PROCESS

  • Discovery

  • User and Market Research

  • Concept Design

  • Customer Journey, User Personas, Site Architecture

  • Concept Development

  • High Fidelity Prototypes

  • Development

  • Evaluate

  • Launch

DISCOVERY

What is the goal?

To get users to make reservations at pet-friendly hotels and use other travel services on the site.

What are the main challenges/opportunities?

Travel websites tend to have a lot of information, and as a generalization, they tend to be crowded, making it harder for the user to have a seamless experience. The challenge for this project – from a UX perspective – was to simplify as much as possible the process of making hotel reservations, booking flights, and accessing the required information – especially because the company relied on third-party software, where the ability to manipulate the user experience is limited.

In order to solve these challenges, I decided to focus on creating location pages with curated content, delivering only the most relevant information, and designing simple layouts that encouraged users to focus on the main calls to action.

Who is the audience?

30-years-old and plus families with pets.

USER PERSONA

EMPATHY MAP

The Empathy Map tool helped me understand how our users might feel, think, and act when presented with the situation of travelling with their pets. This tool also helped me identify areas of opportunity of how the website might help ease negative emotions while promoting positive responses.

CONCEPT DESIGN

INFORMATION ARCHITECTURE

For this project, I decided to take a different approach from traditional user flow charts and experiment a bit with wireflows. What I liked about this approach is that it gave me a clearer idea of how users might interact with the interface.

WIREFLOW

SITEMAP

WIREFRAME

Having a clearer idea of what the interface and its flow might look like in mobile view from the previous wireflows, I proceeded to create desktop view wireframes.

MOODBOARD

Bright colours and feel-good pictures are the cornerstones of The Travelling Paw brand.

HIGH FIDELITY PROTOTYPING

For the design, I wanted the look to be bright, bold and simple. Inspired by Art Deco and Bauhaus, I wanted to reinforce the idea of a simple and effective interface. Also, since the theme of the company is travel and pets (usually a fun subject) I wanted the pictures and the overall feeling to be lighthearted and fun – hence the funny pictures and bright colours.

DESIGN ELEMENTS AND STYLE GUIDE

Logo

Fonts

Colours

#FDE84C

#00A7E1

#00171F

#1ADBA8

#FF5F55

#FCF9EF