Inspired by the National Geographic channel and TED-Ed about the sea turtles’ life, I decided to emulate the very first journey of sea turtles - hatchlings breaking free from the sand nest and moving while avoiding predators/obstacles from the coast to the ocean.
The site has 4 pages total with scroll snapping function and animated graphic that works like a live graphic novel to make the information more appealing and lively. The background sounds can be toggled on and off to give a flexible immersive experience while reading through the page.
Website Link (best viewed on computer)
Illustrator, HTML, CSS, JavaScripts:
- Anime.js: to animate movements
- AOS.js: to add fade-in and fade-out on scroll
- Howler.js: to add background sound