Navigation Prototypes

Option C: Mega Menu Navigation - Three Design Variations

Version 3 — Current

Complete Navigation System

Full-featured navigation with search, authentication, and member portal integration.

Nav Bar
  • Search field with contextual dropdown
  • Mega menu navigation
  • Help | Log In | JOIN AMAC utility
Authentication
  • Login with email-first flow
  • Registration wizard
  • Forgot/Reset password
Member Profile
  • Dashboard with impact stats
  • Account & Settings pages
  • Digital membership card
View Version 3
Version 2

Stacked 2-Tier Layout

Clean, institutional design inspired by financial sites. Brand & tools on top, navigation below.

  • White background throughout
  • Logo + tagline on top row
  • Icon + label utility items
  • Serif typography for nav links
View Version 2
Version 1

Utility Bar + Main Nav

Traditional two-bar layout with a dark utility bar for account access and a white main navigation bar.

  • Dark navy utility bar (Support, Login)
  • White main nav with mega menus
  • Prominent red JOIN AMAC CTA
  • Announcement bar with dismiss
View Version 1