PADI · Cross-Audience IA Synthesis

Mobile-first menu system

An interactive, drill-down navigation built strictly for a ~375px viewport, operationalising the six-section sitemap. Toggle the auth state and language to see the structure adapt.

Prototype controls

Configuration

Auth state PADI Club & Certification Cards behave differently when signed in. Tapping “Sign in / out” in the menu also flips this.

Language Switches the whole menu. Arabic flips the layout to right-to-left.

09:41 5G

padi.com — home

— page content placeholder —
tap ☰ to open the menu system

Would navigate to