Tourism Website Redesign

Taking the earlier moodboard into account, I came up with initial ideas for logos based on the unique characteristics of the city.  I focused on five of these characteristics and used them as a starting ground for creating each logo.

After gathering peer feedback, most people liked the logo with the monument of Charminar, as it is the most recognizable place of interest in Hyderabad. I also received feedback suggesting there was an element of ‘tourism’ missing from the monument logo. Therefore, I added an autorickshaw to the logo to signify tourism. The typeface used in the logo is meant to look modern and classic at the same time, and the typeface Aboreto was a perfect fit for the job.

Creating the sitemap helped me get a holistic view of how the website was laid out and also look at the hierarchy of existing pages. The first thing I noticed was the lack of an ‘About Us’ page on the website. The next step was adding it as this page is important to communicate the vision of the brand to potential customers. This page also plays an important role in gaining the trust of customers and stand out from other competitors.

To ensure a systematic approach to redesigning the website, I decided to choose 5 pages that I want to focus on. From the existing pages, I chose the Homepage, Browse Packages, Package Details, and About Place pages. Being a brand that provides experiences to it’s customers, it was surprising to learn that the existing website did not have an ‘About us’ page. I believe customers would want to know more about the people behind the brand providing their travel experiences. Having information about the vision of the company and the people associated with the brand helps a potential customer build trust in the brand. For the fifth page, I decided to add an About Us page as part of the redesign.

To inform the re-design process better and to empathize with potential users, I created three different personas. The persona identities were informed primarily by the varying budget levels of a customer. The rest of the traits were built upon this factor to address some of the other features that users of a travel-based product usually generally strive for.

A fun task to work on was creating a business card for the brand. I made a card integrating the brand color palette and typography. The card would belong to a Brand Manager from the company. The typographic hierarchy on this card was established using different typefaces. Since the name and the designation are essential in a business card, I’ve included them on the top level of the hierarchy. The typeface used for the name is the same as the one used in the logotype. For the designation, I’ve used color and extra weight to the font used to make it pop within its context. I also added a QR code to the card to provide easy accessibility to the site address for interested customers. I wanted to emphasize the idea that a good vacation is made possible through good travel agencies. When people talk about their travel experiences, they rarely discuss the brand that facilitated their travel experiences. To make the customers not ignore the people and teams of the brand involved in their travels, I wanted to bring a more personalized approach to the business card. I added a display picture and used a handwritten font for the contact details to integrate this idea.

The goal while creating Low-fidelity wireframes was to introduce a structure to each page that the original website lacked. I made use of a grid template while designing to achieve the structure to each page. I also ensured to add many images wherever required to make the content more stimulating and evoke emotions in users as a travel website should. I also limited the textual information to only what is necessary and got rid of the huge walls of text the original website contained.

After taking peer feedback into account and integrating the branding into the Lo-Fi wireframes, below are the final high-fidelity wireframes I came up with.