Discover World Heritage

Web Design | Motion Graphics | Icon Design

Overview
Discover World Heritage is a digital platform that reimagines how users engage with UNESCO World Heritage Sites. Through curated regional clusters, an icon classification system, and a clean, interactive map interface, the site encourages exploration while educating users about the diversity and significance of these locations. 
The platform balances minimal aesthetics with bold iconography to create a user-friendly and engaging experience. The project responds to gaps in the current UNESCO site, offering a more accessible and visually intuitive alternative. It aims to support curiosity, education, and the preservation of global heritage.

The welcome screen invites users to begin their journey by selecting a curated UNESCO region to explore.

Each UNESCO World Heritage site has its own informational page that provides statistics, photos, historical background, the cultural or natural categories it belongs to, and details about conservation efforts.

The map's main location search feature allows users to search by continent, country, or city, and it populates results accordingly. It also offers curated location areas for users who may be unsure where to start.

The icon set includes eight themes divided into cultural and natural categories, designed to help users navigate and filter sites intuitively.

World view

Location search feature

Map and list view location selectors

Explore more feature

Research Methods and Design Process:
This process began with an audit of existing UNESCO map tools and interviews with cultural professionals to identify user challenges. Research into UI patterns and icon systems informed the structure of the map and filtering interactions. Prototypes were developed and tested for clarity, responsiveness, and accessibility, with attention to varying user goals across academic and general audiences.

Concept development for the different "scenes" or main touch points of the website.
Concept development for the different "scenes" or main touch points of the website.
Sketches for the welcome page animation
Sketches for the welcome page animation
These sketches indicate where the icons should be placed on the interface.
These sketches indicate where the icons should be placed on the interface.
Custom icons created to match the shapes within the typeface.
Custom icons created to match the shapes within the typeface.
Color variations of the map, ocean, and icons (represented by their circle color) to assess the most legible and visually balanced color grouping.
Color variations of the map, ocean, and icons (represented by their circle color) to assess the most legible and visually balanced color grouping.
↑Back to Top