


USER FLOW

OVERVIEW
An immersive and educational web experience simulating an underwater journey through the Great Barrier Reef. This project invites users to explore a calm digital ocean by interacting with sea creatures and discovering playful, visual responses. Through intuitive navigation and motion-based design, the interface recreates the wonder of diving while guiding users through a rich, informative journey. The experience blends storytelling, interaction, and environmental education to create a serene, exploratory, and instructive atmosphere within a browser environment.

DEEP BLUE
CATEGORY
UX UI Web design
TOOLS
Figma
Photoshop
Illustrator
After effect
[3]


WIRE FRAME



MAIN SCREENS
[1] Landing Screen-Welcome to the Depths
The user is greeted by a diver slowly descending into the deep ocean, accompanied by a short explanation about the website’s purpose and how to navigate through the experience.
Throughout the descent, the diving gear appears on screen tools that will accompany the user during the journey. Clicking on each item reveals a brief description of its role in the emotional and exploratory experience.

[2] Reef Selection Screen
In the second screen, the user is invited to choose a reef to explore.
Each reef presents a unique area within the journey.
Upon selecting a reef, an explanation appears along with recommendations for the best timing to dive into that specific area.

[3] Exploration Screen- Entering the Depths
The third screen takes the user beneath the surface, into the homepage of the
underwater world. Here, the user chooses a sea creature to explore and discover.
After selecting a creature, a basic introduction is displayed.
By choosing to “read more,” the user initiates a detailed scan of the creature’s body,
revealing and explaining each part individually as the exploration unfolds.
