- The Perspective
- Posts
- One section. One fix.
One section. One fix.
Sometimes you just need a quick fix. One section, one problem.
That’s why we launched a new, simpler way to work with Oddit. Our freshly released Mini Oddit Reports are low cost, high impact with each one designed to specifically focus on a single conversion-critical aspect of your site. Things like your Buybox, a Quiz, or Navigation.
In honor of our Mini Oddit Report release we’re sharing a Mini Email Teardown on Mobile Navigation. Just one section with ideas for big impact. A 90-second read to get you in and out.
(less than 2-minute read)
Consistency Across Devices Isn't Optional
This brand included an announcement bar on desktop that did real conversion work: free shipping thresholds, promotions, direct CTAs. But they dropped in on mobile. Users don't switch browsers to check your offers. Whatever is working on desktop needs to show up on mobile too.
Navigation muscle memory is real. Users reach for the top left corner on mobile because that's where menus live across virtually every app and site they use daily. A menu icon anywhere else creates a split second of friction that shouldn't exist. Moving it left and centering the logo isn't a style preference.
Search and navigation are the two primary ways users orient themselves on a site. Keeping them together in the top left means users can find either without scanning the whole nav bar. When search is buried on the right side alongside account and cart icons, it gets lost in a row of utility buttons. Proximity to the menu signals that these tools belong together.
A Bigger Logo Is a Stronger First Impression
On mobile, the logo often gets squeezed into a corner as an afterthought. Scaling it up and centering it makes the brand the focal point of the nav rather than something that competes with four other icons for attention. Brand recognition compounds over time, and the nav bar is one of the most consistently seen elements on the entire site.
A Zero That Means Nothing Should Be Invisible
An empty cart showing "0" is visual clutter that signals nothing useful. It draws the eye to information that has no value in that moment. Removing it until there's actually something in the cart keeps the icon clean, reduces unnecessary noise, and lets users focus on what matters.
Mobile Navigation Drawer
A Half-Width Drawer Is Half the Opportunity
The original drawer leaves a significant chunk of screen unused. Going full-width immediately makes the experience feel more intentional and gives every element inside it more room to breathe. And since users have already opened the drawer with intent to navigate, that's the perfect moment to surface a Best Selling Plant Lights banner with a direct CTA. They're already in decision mode — meeting them there with a clear destination removes a step rather than adding one.
A flat list of text links treats every destination as equal, which means nothing stands out. Shoppable links — the ones that actually drive revenue — need to look and feel more important than everything else in the drawer. Adding product thumbnails and short descriptions under each category, gives users enough context to navigate with confidence rather than guessing what's behind each link.
Secondary Links Are Secondary for a Reason
About, Blog, Log In, Help and FAQs — these are useful, but they're secondary. Shrinking them down and pushing them to the bottom of the drawer keeps the visual hierarchy honest. Users who need them will still find them. Users who are there to shop won't have to scan past them to get to what matters.
The Bottom of the Drawer Is Prime Real Estate
The thumb naturally rests near the bottom of the screen on mobile. A "Shop All Products" CTA anchored at the base of the drawer is easy to reach and hard to miss. It’s the ideal spot for an action you actually want users to take.
Remind Them It's Safe to Buy, Right Before They Navigate Away
Free US Shipping on $49+ and a 90 Day Money Back guarantee sitting at the very bottom of the drawer does something quietly powerful. It catches users at the moment they're about to go explore, and gives them one last reassurance before they do. Objections don't only come up at checkout — they come up the whole time someone is deciding whether a brand is worth their trust.
Want us to do this to YOUR site?
This is what our new Mini Reports and Teardowns are for. Faster and cheaper than a full Oddit, but still the same format as our OG Oddit Reports and perfect for one stubborn area of your site.
Conversion-Critical Redesigns. Finished, dev-ready designs for focused parts of your site.
A Clean Figma File. Mobile and desktop, organised, ready to hand to a developer. No extra design work needed.
Pages of Revenue-Boosting Rationale. A PDF Report with every change explained in plain English, so your team levels up instead of just nodding along.
No Fluff. Of course no retainers, contracts, or meetings (your welcome).
If you want to discuss how we can help your brand, chat with one of the co-founders, Shaun or Taylor.
Run an agency?
We built a partner program with white-label design and partner pricing.
Was this email forwarded to you? Sign up here.
Reply