Sustainable travel 

This was a 1.5 month-long project where I explored creative solutions to drive sales and enhance customer experience.  

. This case study focuses on the assignment reporting portion of the project.

Social..png

Byway Travel

Explore creative solutions for the key pages on the site, expected to be:

- Homepage
- Talent Page/Portfolio Page - News

- Identify clearer ways for users to use the website.

Define a site map, user flows, customer journeys, and explore the design solution for the website.

Assist in the Design production, and build of the website across mobile and desktop using Squarespace.

Client Involvement

- Attending reviews, providing feedback and sign-off

02

Research

I firstly ran a Web optimization report, identifying areas of improvement such as using descriptive link text that tells visits what they'll see if they clint on a link. 

Screen Shot 2021-10-07 at 14.51.59.png

User flows

Finding the website hard to navigate, I conducted interviews with various potential clients to see how they used the website.  I also looked at the journey flows of the website through google analytics, confirming where areas of improvement needed to be added. 

Key takeaways were

  1. making certain trips more accessible on the homepage

  2. Add more Covid information and make it clearer.

  3. Add key selling points to the about pages

  4. Make sure all trips are clearly tables in the metadata. 

Competitor review

In solving some of the usability problems, and understanding where your product or service stands in the market, I identified that certain benchmarks would be worth exploring.

Such as Search by Place

Cards showing pictures, names of activities, ratings and price.

Save your holiday,

Onboarding,

Map to the locations. 

Screen Shot 2021-02-12 at 17.45.55.png
Screen Shot 2021-02-12 at 17.53.59.png
thumbnail_Screenshot 2021-02-12 at 17.45.12.png
Screen Shot 2021-02-13 at 19.00.42.png

Customer journeys

I found that the client was only taking into account the behavioural consumer responses of the customers journey. By added a full customer experience, including cognitive, affective, sensory, and behavioural consumer responses during all stages of the consumption process including pre-purchase, consumption, and post-purchase stages.

Byway journey planner final.png

UX Website review

Taking into account the user journeys and research, I made some suggestions of how I felt the website needed to be improved. 

Screen Shot 2021-10-07 at 14.50.54.png
Screen Shot 2021-10-07 at 14.50.59.png

03

Screen Shot 2021-10-07 at 14.51.05.png
Screen Shot 2021-10-07 at 14.51.07.png

SITEMAP

Wanting to give a few more ideas of how the homepage could be designed, I made some wireframes in Figma for a responsive homepage.  

Screen Shot 2021-10-07 at 14.51.16.png
Screen Shot 2021-10-07 at 14.51.18.png
Screen Shot 2021-10-07 at 14.51.12.png

It became clear that I needed to see how more of my ideas were going to enhance the rest of the website. 

Research showed that it was very unclear how the process of the trip worked so I designed a banner to make this clear. 

Currently, the website can only be viewed by destination so I also added in key pages of how people may search for a trip depending on the days and added in trips that you can buy off the shelf, a feature that was very hidden. 

Process of how we work.png
Screen Shot 2021-03-19 at 11.32.13
Screen Shot 2021-03-19 at 11.32.13

press to zoom
Screen Shot 2021-03-19 at 11.32.43
Screen Shot 2021-03-19 at 11.32.43

press to zoom
Screen Shot 2021-03-19 at 11.32.13
Screen Shot 2021-03-19 at 11.32.13

press to zoom
1/2

Creating mid-fidelity wireframes, my first versions were annotated with descriptions of each part of the page design. After receiving initial feedback, I revised the wireframes. For Byways responsive website, I designed the mobile version first, as this allowed me to fully consider the technical needs and layout of a travel website that would display many options for users to discover and book their time travel destination.

Homepage.png
Trips.png
Contact page.png

From the client's feedback, I went on to a more detailed version of how the current client's trips could be added to the website. 

TRIPS

Byway Sitemap blue.png
Screenshot 2021-10-13 at 15.51.47.png
Screenshot 2021-10-13 at 16.01.36.png
Screenshot 2021-10-13 at 16.01.20.png
Screenshot 2021-10-13 at 16.01.57.png
Screenshot 2021-10-13 at 16.01.46.png
Screen Shot 2021-03-19 at 11.32.43.png
Screenshot 2021-10-13 at 16.02.52.png
Screenshot 2021-10-13 at 16.02.08.png