Drop-down Navigation to Mega Menu
Client
Ortho Molecular Products
Role
UX Designer (Mid-project transition)
Duration
6 Weeks
Teams
Engineering, IT, Marketing
Challenge
I joined the project midway through development, inheriting Photoshop wireframes from a previous designer. Without a design system, style guide, or documented information architecture, I needed to evolve the existing work while minimizing disruption to engineering timelines.
As I audited the navigation and data, I discovered a broader usability challenge: visitors struggled to understand Ortho Molecular Products' practitioner-exclusive business model and the relationship between its products, educational resources, and connected platforms.
Previous navigation
Navigation focused on individual pages, making it difficult for users to understand the relationship between our products, resources, and practitioner platforms.
Photoshop wireframes
Inherited in-progress Photoshop wireframes that served as the foundation for the redesign.
Approach
Rather than redesigning from scratch, I evaluated the existing concepts and identified opportunities to improve product discovery and scalability.
Design
I reorganized the information architecture around user intent and goals instead of internal business structure. By introducing clearer terminology, surfacing high-value content, and organizing resources into intuitive categories, the navigation improves product discovery while reinforcing Ortho Molecular Products' practitioner-first ecosystem.
Shop Now
Highlighted Top Practitioner Picks, Newest Formulations, and Targeted Wellness Support to help practitioners discover products more easily and confidently navigate a large catalog.
About Us
Introduced a dedicated Who We Serve section to clearly communicate that Ortho Molecular Products is a practitioner-exclusive brand, helping visitors understand who our products are designed for and how patients access them through licensed healthcare providers.
Partner Benefits
Reorganized educational resources, clinical solutions, pharmacy programs, and practitioner tools into clearly defined sections. By replacing ambiguous labels with more intuitive terminology, the navigation better promotes our connected platforms and encourages adoption across the practitioner ecosystem.
Launch
To support the rollout, I created a user guide that introduced the new navigation structure and highlighted where practitioners could find key resources and connected platforms. This helped ease the transition to the redesigned experience and encouraged adoption of the new navigation.
Results
Since this navigation recently launched, performance metrics are not yet available. Success will be measured through product discovery, platform engagement, and navigation behavior as adoption grows.