Introduction
As a capstone project for my UX training in 2021, I was tasked with designing a responsive website. Since I love to travel, I decided to create a website that helps in planning trips - from brainstorming ideas, booking plans, to creating an itinerary to keep all of your plans together.
Due to the timeline of the project, I chose 2 main features to focus on:
• "Find a Destination" feature
• Build an itinerary
Wireframes to lay out design
I started the design process by writing down what to include on each page, and sketching wireframes on paper. I designed for desktop first and then moved to mobile. After sketching my initial ideas, I started putting my wireframes together in Figma.
Desktop:
Mobile:
Branding
Once I had my screens laid out with the wireframes, it was time to create a brand for my website. I wanted to convey the sense of adventure that many travellers have.
Name: I decided the name would be Wander Not, hinting at the planning functions provided so users do not have to wander.
-
Logo: I chose a font that represents the idea of being free-spirited yet a planner, paired with a simplistic compass for a modern feel.
-
Colors: I went with a bold orange as the main color to bring out the feeling of adventure.
-
Typography: I wanted a modern sans-serif font with a slightly playful feel, which I think Heebo conveys.
Design
User interface design for increased usability and visual appeal
After creating the branding, I applied it to my wireframes to build the user interface.
Desktop:
Mobile:
Challenges
I had complete creative control over this project, which was fun and challenging at the same time. I enjoyed having endless possibilities and getting to create my own branding for the site. However, with so many options it was difficult to pick a single focus. I was able to think of a lot of different things I wanted to include, but I was not able to execute them all given the timeline. For example, the navigation menu on the itinerary shows rankings, preferences, and reservations but I was not able to actually design the pages for these features. As Don Norman said, "The hardest part of design... is keeping features out."
-
In addition to having many options for the focus of the website and features to include, there were also many ways I could go about designing the details for each individual feature, such as the itinerary. I learned that it's best to just start designing and exploring options instead of getting caught up in the details right away.
Outcome
In the end I was able to overcome the challenges, and I enjoyed getting to design a website that aligns with my passion for travel. I'm glad I was able to design a website that addresses some of the weaknesses in existing travel sites and offers something new.