Designing an online travel guide

Kevin Henriquez
Oct 12, 2018 · 3 min read

All San Pedro de Atacama is an online travel guide about the town of San Pedro de Atacama, Chile.

Overview

The main goal was to present a site showcasing the highlights of the town and the surrounding area.

The team consisted of 3 people and we completed the project in 3 months. I was the UX Designer and Front-end Developer.

The Problem

We wanted to offer good and reliable information about the destination. Similar sites are often outdated and they don’t focus on user experience.

The site is for people from and outside of Chile that want to visit one of the main destinations of the country. Especially, people that want to know the most they can about a place before they visit.

Process

We had a meeting to discuss the direction of the site and we agreed to focus on the reading experience and the visuals. We made sure to use high-quality photos.

We talked about the sections that the travel guide would contain. Then, I was in charge of organizing the sections. I did some sketching to think about the journey of the user reading the different articles.

Sketch for the user journey.

The majority of the site consists of the article view. First, I did sketches to think about the layout the elements in the page.

Sketches for the site elements.

Then, I did some visual explorations of the elements we could use to highlight the most important parts of each page.

Large featured paragraph.

After the look and feel of the site was settled, I jumped into coded prototyping to make the initial version of the site.

Elements in the article view.
Navigation elements at the end of the page.

Making the changes in the browser allowed me to iterate quickly. Also, as the front-end developer in the project, I wanted to start on the final site early on.

Outcomes

  • The project was completed in the estimated time and is now live at www.allsanpedrodeatacama.com
  • The site appears as one of the top results in Google for the relevant keywords.
  • I learned about typographic scales and responsive images.

Thanks for reading! If you want to collaborate, talk about product design, or just want to say hello, you can write to me at kevinkonrad93@gmail.com or connect via LinkedIn.

NYC Design

A publication for designers in New York and followers all around the world. Design thinking is what makes us write here on Medium to share with the designers of the world.

Kevin Henriquez

Written by

Designer, Coder. @kkhenriquez everywhere.

NYC Design

A publication for designers in New York and followers all around the world. Design thinking is what makes us write here on Medium to share with the designers of the world.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade