Executive Summary
A direct-to-consumer fashion brand needed its native mobile app to operate as a distinct sales channel, not just a mobile version of the Shopify storefront. The business required mobile-exclusive pricing, channel-specific promotions, a loyalty program tied to app purchases, and merchandising control without developer involvement.
Folio3 eCommerce kept Shopify as the commerce foundation and built the mobile pricing, promotion, loyalty, CMS, and integration layers on top of it. The solution allows the mobile channel to operate independently with its own commercial rules while continuing to use the same product catalog, inventory, checkout, and order management as the web store.
For many Shopify brands, launching a mobile app starts with a simple goal: give customers another convenient way to browse and buy.
But once the mobile audience grows, the requirements often become more ambitious.
- Want to offer a better price exclusively to mobile customers?
- Want to run a Buy One, Get One promotion in the app without running the same offer on the website?
- Want customers to earn rewards specifically from mobile purchases and redeem them only through the app?
- Want your merchandising team to build and update the mobile homepage without waiting for a developer or an app release?
These are no longer just mobile app requirements. They are requirements for a distinct commerce channel.
That was the challenge Folio3 addressed for a direct-to-consumer fashion brand. The client wanted its native mobile app to have its own pricing, promotions, loyalty experience, content management, product discovery, and integrations while continuing to use Shopify for the underlying commerce operation.
The result was a mobile-first commerce experience built on the same Shopify foundation as the web store, without maintaining a duplicate catalog or separate commerce backend.
The Challenge: Making Mobile a Real Sales Channel
The client already had a mature Shopify ecosystem. Products, inventory, customers, checkout, orders, and the wider commerce operation were established.
The challenge was giving mobile enough independence to support a different commercial strategy without duplicating that ecosystem.
The business wanted to answer questions such as:
- Can we offer an exclusive price to customers purchasing through the app?
- Can we launch promotions only for mobile users?
- Can mobile purchases contribute toward an app-exclusive rewards program?
- Can our merchandising team manage the app as easily as they manage the Shopify storefront?
- Can customers search by text, image, or voice?
- Can our existing marketing, analytics, reviews, wishlist, and inventory integrations remain part of the mobile experience?
Our approach was to keep the core commerce lifecycle centralized in Shopify and build mobile-specific business rules and experiences around it.
Mobile-Exclusive Pricing Without a Duplicate Catalog
Consider a common scenario.
A product sells for $100 on the website, but the merchant wants to offer it for $90 when purchased through the mobile app.
Creating a second mobile-only product might solve the pricing problem, but it introduces new problems around inventory, SKUs, merchandising, reporting, and synchronization.
Instead, we implemented a mobile-specific pricing layer.
The same Shopify product or variant can carry mobile pricing information while continuing to use the existing product, SKU, and inventory record.
The storefront uses its standard price, while the mobile channel can apply the appropriate mobile pricing during the purchase journey.
For the merchant, this means mobile-exclusive pricing without maintaining a shadow catalog.
Want to Run Promotions Only on Mobile?
Mobile-specific campaigns can take many forms.
A merchant might want to offer:
- Buy One, Get One exclusively through the app
- 20% off selected products for mobile customers
- Free shipping for mobile purchases over a certain amount
- Early access to a sale before it launches on the website
- A limited promotion specifically designed to drive app adoption
Because campaign requirements change, the implementation shouldn’t depend on hard-coded promotion rules.
We designed the promotion handling to be dynamic and configurable, allowing promotions to be associated with the mobile channel and validated accordingly.
This gives marketing the flexibility to build mobile-specific campaigns while ensuring the intended benefits remain within the mobile experience.
The important concept is channel eligibility: the system understands where a promotion is intended to work and applies the appropriate validation without requiring a separate promotions platform.
A Loyalty Program Exclusively for Mobile Customers
The loyalty requirement went beyond adding a traditional points program to the app.
The client wanted to reward customers specifically for their mobile spending.
Customers make qualifying purchases through the mobile app, eligible spend contributes toward configured reward tiers, and unlocked rewards can be redeemed through the mobile experience.
That creates several possibilities for the merchant.
Want to encourage customers to make repeat purchases through the app?
Mobile spending can contribute toward exclusive reward tiers.
Want to unlock a free product after a customer reaches a specific mobile spending threshold?
The reward can become available once the required tier is reached.
Want customers to retain a tier once they have genuinely earned it?
The tier can remain unlocked instead of behaving like a temporary points balance.
The more complicated part is determining what actually qualifies as spend.
Orders can be cancelled, partially fulfilled, split across shipments, or partially refunded. Simply awarding progress when an order is placed would not accurately reflect the final transaction.
The rewards engine therefore follows the order lifecycle. Eligible spend can remain pending until the appropriate conditions are satisfied, while refunds adjust only the relevant portion of the customer’s qualifying spend.
Customers can see statuses such as Spend Pending, Spend Approved, and Spend Refunded, making it clear what is contributing toward their next reward tier.
This creates a loyalty program designed specifically around mobile purchasing behavior rather than simply displaying an existing web loyalty program inside an app.
A Mobile CMS Inside Shopify
Content management was another major requirement.
A Shopify merchant already has considerable control over the Online Store through the theme customizer. Managing a native mobile application shouldn’t mean going back to developer tickets for every banner, campaign, or navigation update.
We built a dedicated mobile CMS within the Shopify administration experience, giving the merchandising team storefront-like control over the app.
Homepage and Sections
Merchants can create and manage mobile homepage sections, reorder content, enable or disable sections, configure images and videos, manage headings and presentation, and link content to products, collections, or other destinations.
Mobile Menu Management
Navigation is connected to Shopify’s menu structure, allowing the business to manage menus through a familiar workflow while presenting them appropriately within the native application.
Branding and App Settings
Application-level branding and configuration—including elements such as logos, splash content, and other presentation settings—can be controlled through the administration layer rather than being permanently hard-coded into the app.
Specialized Collection Layouts
Important collections don’t have to use a standard product-grid experience.
Merchandisers can create more specialized, editorial layouts with selected products, highlighted items, custom imagery, content, and presentation options.
Together, these capabilities provide an experience closer to a storefront customizer for the mobile app.
The practical benefit is significant: routine merchandising changes don’t require a new mobile app release.
AI-Powered Product Discovery: Text, Image, and Voice
Mobile shoppers don’t always know the exact product name they’re looking for.
Someone might type:
“Black dress for dinner.”
Another customer may have a photo of an outfit they like. Someone else may prefer to describe the product verbally.
We built the mobile discovery experience around all three behaviors.
Text search interprets shopping intent rather than relying only on literal product-title matching.
Image search lets customers upload or capture an image and discover relevant products from the catalog.
Voice search allows shoppers to describe what they’re looking for naturally.
All three feed into the same product discovery experience.
Search activity can also provide valuable merchandising insight. Queries are logged with context around what the customer searched for, how the request was interpreted, and which products were returned.
Repeated searches for styles, colors, categories, or products that aren’t adequately represented in the catalog can therefore become useful indicators of customer demand.
Extending the Existing Shopify Integration Ecosystem to Mobile
A mature Shopify store rarely operates on Shopify alone.
The existing storefront may already rely on Klaviyo for customer engagement, GA4/GTM for analytics, review platforms for social proof, wishlist functionality, stock and inventory services, and other marketing or operational integrations.
The mobile experience needs to account for that ecosystem as well.
For this solution, integrations were incorporated into the mobile architecture so the app could provide an experience consistent with the storefront.
That includes areas such as:
- Klaviyo for marketing and customer engagement
- GA4/GTM for analytics and event tracking
- Review applications for product ratings and customer feedback
- Wishlist functionality for saved products
- Stock and inventory information for accurate product availability
- Additional marketing, merchandising, and commerce services used across the customer journey
The exact implementation depends on what each third-party platform exposes through APIs, SDKs, or webhooks.
The goal, however, remains consistent: moving from the website to the app should not make customers feel as though they have entered a disconnected commerce ecosystem.
Connecting Mobile Notifications With the Marketing Workflow
Mobile communication was designed around the same principle.
Rather than creating a completely separate campaign workflow, the notification experience was integrated with the client’s existing marketing ecosystem.
Campaign information can feed the mobile notification experience with imagery and deep links to relevant app destinations.
The application also maintains notification history, so customers can return to a campaign even after the original push notification has disappeared from their device.
This allows mobile to become another touchpoint in the broader customer journey instead of another campaign calendar for marketing to maintain.
Folio3 Experience
For this project, Folio3’s role went beyond developing the customer-facing mobile application.
The larger challenge was designing how Shopify, the native application, custom business rules, content management, customer data, and the client’s existing integration ecosystem would work together.
We also designed the platform with day-to-day operations in mind.
Application setup and definitions can be managed through administrative workflows, recurring processes such as rewards approvals and data maintenance can run automatically, and operational information such as search activity can be surfaced back to the business.
The objective was to keep engineering focused on adding new capabilities rather than requiring developer involvement every time merchandising or marketing wanted to use an existing one.
Recommended Architecture
At a high level, the solution follows this separation:
Shopify Commerce Foundation
Products → Variants → Inventory → Customers → Checkout → Payments → Orders
↓
Mobile Commerce & Integration Layer
Mobile Pricing → Promotion Rules → Loyalty & Rewards → APIs & Webhooks → Third-Party Integrations
↓
Mobile Experience & CMS
Homepage Sections → Navigation → Branding → Collection Layouts → AI Search → Notifications
↓
Integration Ecosystem
Klaviyo → GA4/GTM → Reviews → Wishlist → Stock/Inventory → Other Commerce Services
↓
Native Mobile Application
This architecture keeps the commerce foundation centralized while allowing the mobile experience and its business rules to evolve independently.
When This Architecture May Not Be the Right Fit
Not every Shopify merchant needs a fully custom mobile channel.
If the requirement is simply to make the existing Shopify catalog available through an app with similar browsing and checkout behavior, an off-the-shelf mobile commerce platform may be faster and more cost-effective.
A custom architecture becomes more relevant when mobile has its own commercial requirements: exclusive pricing, channel-specific promotions, mobile-only loyalty, specialized merchandising, AI-assisted discovery, or deeper integration requirements.
The decision should therefore be driven by what the business wants mobile to do differently, not simply by the desire to have a mobile app.
Results
The final solution gave the client a mobile channel capable of evolving independently while remaining connected to the Shopify commerce ecosystem.
The business can support mobile-specific pricing and promotions without maintaining a duplicate catalog. Mobile customers can participate in a rewards experience tied to qualifying app activity. Merchandisers can control mobile content, navigation, branding, and specialized collection experiences. Product discovery extends across text, image, and voice, while existing integrations remain part of the broader customer journey.
Most importantly, the business did not have to replace Shopify to achieve that flexibility.
The distinction is important:
This isn’t about putting a Shopify storefront inside a mobile app. It’s about building a complete mobile sales channel on top of Shopify.
Frequently Asked Questions
Can Shopify have different prices for mobile app customers?
Yes. A custom mobile architecture can introduce channel-specific pricing while keeping the same underlying Shopify products, variants, SKUs, and inventory. In our implementation, mobile pricing is handled as an additional layer rather than by creating duplicate mobile products.
Can Shopify promotions be restricted to mobile app customers?
Yes, with custom channel-aware promotion logic. Promotions can be configured for the mobile channel and validated based on where the customer is purchasing. This can support use cases such as mobile-only percentage discounts, Buy One, Get One offers, free shipping, or early-access campaigns without requiring a duplicate catalog.
Can you build an app-only loyalty program on Shopify?
Yes. In this implementation, loyalty is tied specifically to qualifying mobile spending. Customers progress through reward tiers based on eligible app purchases and redeem earned rewards through the mobile experience. The logic also accounts for fulfillment, cancellations, partial refunds, and other order lifecycle events.
Can Shopify power a fully custom native mobile app?
Yes. Shopify can continue managing the core commerce lifecycle—including products, inventory, customers, checkout, and orders—while a custom application layer manages the mobile-specific experience and business rules. This allows the native app to evolve independently without rebuilding the underlying commerce platform.
Can a Shopify mobile app integrate with Klaviyo, reviews, wishlist, analytics, and other third-party tools?
Yes, provided the relevant third-party platforms expose suitable integration capabilities such as APIs, SDKs, or webhooks. In this solution, the mobile architecture accounts for the client’s wider ecosystem, including Klaviyo, GA4/GTM, reviews, wishlist, stock information, and other commerce services, helping maintain a consistent customer experience across web and mobile.
Sources
- Folio3 mobile sales channel implementation documentation and project case study
- Shopify platform and architecture used within the implementation
- Relevant Shopify official documentation should be linked to individual Shopify capabilities during final publication
People Also Ask
- How do you give a Shopify mobile app its own pricing without creating duplicate products?
- Can a Shopify mobile app run promotions that do not apply to the website?
- Which agencies build custom loyalty programs for Shopify mobile apps tied to in-app purchases?
- How do you let a merchandising team manage a native mobile app without app releases or developer tickets?
- Can AI-powered search be added to a Shopify mobile app to support text, image, and voice discovery?
