National Geographic - Global Closet Calculator

The National Geographic wanted to encourage people to think about how the things they own connect them to the rest of the world – and have fun while they’re doing it. By completing challenging quests and building very visual maps of where they’re linked to, users would start to see how they’re connected to parts of the world they might not have otherwise heard of.

Website

Game

User research

Animation

UI

UX

Wireframes

Prototypes

After Effects

Illustrator

Photoshop

National Geographic Style Tile

The Design Process

Icon emapthise

User research
Workshops
Competitor analysis

Icon define

User needs
Business needs
Problem statements

Icon ideate

Brainstorming
Sketching
Competitor analysis

Icon protoype

Wireframes
Low fidelity prototypes
Hi fidelity prototypes

Icon test

User testing
A/B testing

Empathise

The user research phase was conducted in close collaboration with National Geographic, ensuring a comprehensive understanding of both user needs and business objectives. This process involved gathering valuable insights through user research, supplemented by internal requirements collected by the National Geographic team. By combining these findings, I was able to gain a well-rounded perspective on the expectations, challenges, and goals of the users, as well as the strategic priorities of the organization.

Define

In the Define stage, we translated research insights into clear user and business needs to shape a compelling experience. The website should be a fun and engaging platform that visually maps where products like clothing, phones, and MP3 players are made, uncovering the global web of supply chains and their interdependencies. By blending interactive storytelling, gamification, and real-time data, would try to create an experience that not only informs but also captivates users, making complex supply chains accessible, transparent, and enjoyable to explore.

Interactive Exploration – Users want an engaging, visual way to explore product origins (e.g., an interactive world map).

Transparency & Trust – Users seek credible, up-to-date information about supply chains and manufacturing processes.

Customization & Personalization – Users want to filter by product type, materials, or region to see relevant data.

Gamification & Challenges - Users enjoy quizzes, achievements, or challenges that make learning about supply chains fun.

Impact Awareness – Users want to understand ethical concerns, environmental impact, and fair trade aspects of manufacturing.

Educational Partnerships – Collaborating with schools and institutions can increase credibility and reach.

Scalability & Performance – The platform must handle large datasets, real-time tracking, and global accessibility.

Data Accuracy & Sourcing – Reliable and verifiable supply chain data is essential for trust and legal compliance.

Multimedia Content – Users appreciate videos, animations, and infographics to break down complex information.

Mobile-Friendly Experience – Users expect seamless access on different devices for on-the-go exploration.

Prototype

Basic wireframes throught to low-fidelity and hi-fidelity prototypes were created to test functionality, gather user feedback, and refine the user experience before development.

Ntional Geographic Wireframe make an avatar of yourselfNtional Geographic Wireframe world map

The final product

National Geographic character screen
National Geographic question screenNational Geographic question screen
Previous ProjectIcon back to projectsNext project