Nat Geo X-treme

Web Design, Branding, User Experience

This project consisted of creating four total webpages for a fictitious National Geographic sub-brand, Nat Geo X-treme. Throughout the project, I kept the National Geographic brand in mind, but tailored the content to the sub-brand so that I positioned Nat Geo X-treme as a distinct entity.

Playing on the fantastic imagery that National Geographic is famous for, I emphasized high quality, extreme photographs on the homepage. The three images shown above are on a carousel, controlled by the yellow arrows that correspond to National Geographic branding, and also change automatically to show variety.

One of the interior pages I designed is an informational page about the adventures that Nat Geo X-treme offers to customers and travelers. The main Adventures page contains a sample of the adventures offered in a particular category. Additionally, using the drop down menu, a user can select a category to see more specific information regarding adventures, like Top Ten X-treme Adventures. This allows two paths to reach the same information and therefore minimizes the learnability necessary to reach a destination.

Another element of user experience is the consistent photo background across interior pages within primary navigation pages. The two pages above are within the Adventures menu and therefore have the same background image.

The page above is the first in a series of steps to book adventures listed on the Nat Geo X-treme website. A user will reach this page when they click the call-to-action button “Book Now” on a specific adventure. The purpose of the accordion menu on this page is for users to be able to organically find their desired adventure, or to perform a simple search based on information they type in.

Overall, the success of this project was based on how effectively the site differentiated Nat Geo X-treme from the broader National Geographic brand. Implementing user experience concepts of categorization and choices in reaching a destination allow this design to seem simplistic to users. Utilizing Photoshop to create all images used, and Illustrator to piece together all elements, this realistic prototype fulfilled this project’s specifications.