Interactive Map

Tutorials & Checklists for The Legend of Zelda: Breath of the Wild

Concept

Create a website that allows the user to track their in-game progress for The Legend of Zelda: Breath of the Wild, and view tutorials if necessary.

 

Objectives:

- Site design should be heavily centered around the unique visual style of Breath of the Wild

- Code the site from scratch using HTML, CSS and JavaScript

- Avoid external links at all costs

- Include tutorials and map icons for each of the 120 shrines scattered across Hyrule

- Allow the user to zoom in and out of the map separately from the other site content

Inspiration

In-game map from The Legend of Zelda: Breath of the Wild. Nintendo Switch, Nintendo, 2017.

Screenshot from the Official Home for the Legend of Zelda, Nintendo, www.zelda.com/.

Sketches

Basic "Home" Page/Map Layout

Scroll-able objective tutorial

Marking the objective as "Complete"

Objective complete!

Every objective in the region is complete!

View the Site!

This project is still a work in progress,

but you can visit the latest build here!

© 2021 Elena Martin