From slow and clunky to 80+ mobile PageSpeed and real conversions.
80+Mobile PageSpeed (+27 pts)
+29%Mobile conversion (First month)
-31%Bounce rate (Mobile sessions)
-42%LCP (Hero assets)
Project visuals
Screenshots from the build in a bento grid. Tap a tile to highlight it.
Oatopia UK homepage
The challenge
Oatopia's store was losing mobile shoppers to slow load times, heavy theme code, and awkward navigation. High bounce rates pointed to UX and performance issues that a surface-level tweak would not fix.
Slow mobile loads
Theme bloat and unoptimized assets hurt PageSpeed and patience.
Clunky navigation
Mobile menu did not match how customers actually browse.
Lost conversions
Traffic arrived but did not stick long enough to buy.
How we approached it
- Theme audit. Reviewed Liquid codebase, identified bloat, and prioritized fixes with the highest user impact.
- Performance refactor. Removed unnecessary code, implemented lazy loading, and optimized critical rendering paths.
- Mobile UX. Redesigned mobile navigation for thumb-scrolling and tested across real devices.
Key deliverables
Performance work
- Liquid refactor
- Lazy loading
- Asset optimization
Mobile UX
- Navigation redesign
- Touch-friendly patterns
- PageSpeed validation
Outcomes
80+ mobile scorePageSpeed Insights mobile score crossed the 80 threshold.
Lower bounceFaster loads and better nav keep shoppers on site.
Conversion liftMeasurable mobile conversion increase within the first month.
Maintainable themeLeaner codebase is easier to extend without reintroducing bloat.
Stack and tools
Shopify LiquidPageSpeedLazy loadingMobile UXTheme audit