.zoom { transition: transform .3s; width: 200px; height: 200px; } .zoom:hover { transform: scale(1.1); } .shimmer-text { background: linear-gradient( 90deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0.99) 50%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0.35) 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmer-pass 13s ease-in-out infinite; animation-delay: 0.5s; } @keyframes shimmer-pass { 0% { background-position: 150% center; } 35% { background-position: -50% center; } 100% { background-position: -50% center; } }
002  Mobile-First Infrastructure Overhaul Redefining Mobile Navigation Architecture IA · +72% CVR Uplift
WCONCEPT


Experience Mobile, the Way It Should Convert
"By re-engineering a congested 6-depth navigation system with data from 1,100+ users, we transformed a high-traffic mobile platform into a high-performance discovery experience — achieving a +72% CVR uplift."






Overview: To break through a stagnant conversion plateau, we formed a cross-functional Task Force (TFT) comprising leads from each department. Representing the design track, I collaborated with this collective to execute a strategic initiative focused on systemic funnel alignment. Despite mobile traffic accounting for 65% of total visits, the conversion rate was under 0.6%, representing a critical business leak. By synthesizing feedback from 1,100+ users with behavioral data, we redefined product requirements (PRD) and iterated on a series of hypothesis-driven designs. This comprehensive optimization resulted in a 72% uplift in conversion rate and established a scalable experimentation framework for the organization.  






 Context:
While the platform enjoyed dominant mobile traffic, its performance significantly trailed the industry benchmark. Data revealed that a congested, low-contrast navigation system and an over-engineered category hierarchy were causing 60% of users to bounce before interacting with core tools. The absence of an ergonomic mobile infrastructure meant that even high-intent users struggled to navigate the complex 6-depth architecture.
Our mission was clear: To leverage the collective expertise of the TFT and re-engineer the mobile navigation infrastructure, translating raw user frustration into a high-performance, data-backed discovery experience.






A. Strategic Discovery
Hypothesis-Driven Problem Identification through Multi-Dimensional Audits
CATEGORY
SEARCH
CATEGORY
SEARCH

96%

 Non-Scroll Depth

60%

 Bounce Rate from Home

33%

 Core Feature Intent Buried in a Congested Header


a.
Action Conducted a deep-dive audit using Hotjar heatmap data to analyze drop-off patterns, discovering that 96% of users failed to scroll below the primary banner and 60% bounced immediately.
b.
Impact Identified a critical "Accessibility Gap"—high-intent tools (Category/Search) were buried in a congested header, leading to a direct failure in instant value delivery.
a.
Action Conducted a deep-dive audit using Hotjar heatmap data to analyze drop-off patterns, discovering that 96% of users failed to scroll below the primary banner and 60% bounced immediately.
b.
Impact Identified a critical "Accessibility Gap"—high-intent tools (Category/Search) were buried in a congested header, leading to a direct failure in instant value delivery.





B. Navigational Infrastructure Evolution
Strategic Reallocation of Core Navigation Tools

a.
Action Category: Top Header → Bottom Navigation (Thumb Zone)

Search UI: Minimalist Icon → High-contrast Field + "Search" Label
b.
Impact Maximized search discoverability and reduced interaction friction by providing two distinct, highly visible paths for product discovery (Top Search / Bottom Category).
a.
Action Category: Top Header → Bottom Navigation (Thumb Zone)

Search UI: Minimalist Icon → High-contrast Field + "Search" Label
b.
Impact Maximized search discoverability and reduced interaction friction by providing two distinct, highly visible paths for product discovery (Top Search / Bottom Category).





C-1. Information Architecture (Logic)
Resolving Navigational Debt through Structural Pruning

a.
Action Flattened the information architecture from 6-depth to 4-depth, eliminating redundant layers and streamlining the product hierarchy.
b.
Impact Shortened the user journey to the Product Listing Page (PLP) and significantly reduced decision fatigue by simplifying the structural logic.
a.
Action Flattened the information architecture from 6-depth to 4-depth, eliminating redundant layers and streamlining the product hierarchy.
b.
Impact Shortened the user journey to the Product Listing Page (PLP) and significantly reduced decision fatigue by simplifying the structural logic.





C-2. UI & Interaction Design (Visual)
Simultaneous Dual-Depth Exposure for Seamless Discovery
a.
Action Implemented a UI system that exposes two levels of the hierarchy simultaneously, allowing users to browse sub-categories without repetitive back-and-forth navigation.
b.
Impact Eliminated "pogo-sticking" behavior and enhanced the tactile experience, ensuring a seamless transition from intent to product exploration.
a.
Action Implemented a UI system that exposes two levels of the hierarchy simultaneously, allowing users to browse sub-categories without repetitive back-and-forth navigation.
b.
Impact Eliminated "pogo-sticking" behavior and enhanced the tactile experience, ensuring a seamless transition from intent to product exploration.





D. Performance & Validation
 Validating Strategic Hypotheses through 3-Month Behavioral Data (Aug – Nov 2022)


High Engagement in Re-engineered Search (20.36%)
Stabilized Category Navigation via BNB (19.94%)

a.
Action Monitored cross-platform engagement and conversion metrics over a 3-month period to validate the effectiveness of the infrastructure overhaul.
b.
Result Achieved a +72% uplift in conversion rates, proving that the shift from a minimalist aesthetic to a utility-driven infrastructure was a business-critical success.
a.
Action Monitored cross-platform engagement and conversion metrics over a 3-month period to validate the effectiveness of the infrastructure overhaul.
b.
Result Achieved a +72% uplift in conversion rates, proving that the shift from a minimalist aesthetic to a utility-driven infrastructure was a business-critical success.