UI/UX design of an engaging Story Slider Navigation app for Shopify Stores

UI/UX design of an engaging Story Slider Navigation app for Shopify Stores

UI/UX design of an engaging Story Slider Navigation app for Shopify Stores

About the project

About MO

MO is a Shopify app that lets merchants turn their store menu into familiar “Stories”-style sliders.

Visit MO

Challenge

MO’s founders came to Merge with a request to create a minimalist, utilitarian interface that adapts to any Shopify store and is easy to configure for non-technical merchants. The design had to balance neutrality with flexibility to not compete with the store’s own branding but rather complement it. Another goal was to make an onboarding that removes the need for a developer when setting up navigation.

What Merge delivered

For this project, our team conducted a UX audit of navigation apps and then designed a minimalist, responsive component system (following Shopify Polaris) that easily blends with any storefront. We created a simple, no-code setup with real-time preview and provided a ready-to-use Figma file with all the necessary details. We also offered Design QA support to ensure accurate implementation. The BaseXTech team handled further development.

Tech stack

Figma, Lottie

Services

Work process

In a joint workshop, we clarified the conversion, engagement, and ease-of-use goals, translating them into measurable UX success criteria and a lean scope that fits the startup timeline.

Simplicity and customization

A key design challenge was striking the right balance between simplicity and the need for customization. The MO Story Slider app was meant to empower Shopify merchants who aren't technically savvy. We focused heavily on creating an onboarding process and configuration interface that felt intuitive from the start. We wanted to make sure merchants could successfully install, customize, and launch the feature on their own.

An adaptable UI

The client requested a design that could seamlessly integrate into any Shopify store, regardless of its existing theme or branding. This presented the challenge of creating an interface that was visually neutral yet appealing. We chose a minimalist aesthetic, and the design system allowed for the customization of key elements within the app's settings, enabling merchants to match the slider to their brand identity. However, we kept the core UI clean and utilitarian, so it wouldn't clash with the merchant's backend experience or feel overly branded by MO.

Founder of Morpheus Media

“I will 100% recommend you guys, of course, because for me, the most important piece of the puzzle is whether communication is good. Do the people understand what we want, and do they understand our vision? And you 100% satisfy that requirement.”

Jason Heiber

Founder of Morpheus Media

Stores reported conversion lifts from 0.64% to 1.61% and 1.60% to 2.23%

Within the first month post-launch, stores reported conversion lifts from 0.64% to 1.61% and 1.60% to 2.23%, thanks to clearer product discovery and improved mobile engagement.

The design also lowered the support load. The average setup time dropped below three minutes, and early churn fell below 2%.

In conclusion

Outcome

Our Merge team designed a solution that Shopify merchants could easily install, configure, and manage themselves. For that, we delivered a lightweight, brand-agnostic UX that turns complex navigation setup into an easy, four-step, code-free experience. Merchants now guide shoppers to bestsellers with tappable story sliders that feel native on mobile and desktop. We have also designed other components for the client’s Shopify store offerings that will soon be released.

Special thanks to Morpheus Media for trusting us with the design and to BaseXTech for continuing and handling the development.

What our clients say

image
Read Clutch review

“Merge excels in both design and development, offering top-notch services in one place. They deliver high-quality work with impressive speed, seamlessly integrating beautiful design with robust functionality.”

Mikhail Koval, Co-Founder & COO at Guard Home Warranty

project image

1/3

image

“The collaboration between our two teams has been great. It’s very easy to work with the Merge teammates. With Merge, were shipping more iteratively, working faster.

Ryan Mick, Head of Product Design at Truemed

project image

1/3

image
Read Clutch review

Deep technical expertise, expertise in working with AI, excellent product management, and a balance of quality and speed were what impressed us about Merge.“

Val Wikstrem, CEO at Waffly

project image

1/3

lighting
;
lighting

Design for SaaS & Fintech

Why choose Merge for your product design:

Building world-class product interfaces

Partnership & collaboration culture

Your conversions & growth is our main focus

Reliable delivery built on experience