Home / Results / Scalapay Directory

Case Study · E-Commerce / No-Code

Scaling Scalapay's shopping directory with Webflow and Sanity

Scalapay's merchant directory outgrew Webflow CMS. We kept Webflow for marketing speed, moved directory data into a headless CMS, and shipped a discovery UX that stayed fast at thousands of listings.

Thousands of listings 8 countries 3 phased delivery 1 CMS → web + mobile

The problem

The directory became the product — Webflow CMS couldn't keep up

Scalapay's marketing team loved Webflow because they could publish changes in minutes. It worked fine for a small set of listings. Then the directory became the product.

Thousands of merchants across eight countries, constant updates, and a marketing team that needed to ship pages quickly without turning "content" into ops work. A few failure modes showed up as the directory grew:

  • The CMS structure wasn't built for a directory that behaves like a product
  • Filtering and discovery started to feel slow and brittle
  • Merchant content had to be maintained twice — web and mobile app — creating drift and duplicated work

They didn't have a "website problem." They had a content system problem.

Before the rebuild

CMS structure not designed for a directory at scale
Filtering slow and brittle as inventory grew
Merchant data maintained separately for web and mobile
Content updates required ops coordination, not just publishing

The approach

Ship in phases. Keep Webflow.

We didn't rip everything out. Improvements shipped in phases so the directory got better immediately, and the architecture stayed sane throughout.

Phase 01

Real-time filtering

Replaced Webflow's native filtering with custom code. Discovery feels instant — no page reload, no lag as inventory grows.

Phase 02

Predictive search

Layered Algolia for typo-tolerant, instant results as the merchant catalogue expanded.

Phase 03

Headless CMS

Directory data moved into Sanity, connected to Webflow via API — one dataset for web and mobile.

Phase 04

Webflow stays

Marketing kept their Webflow workflow for pages and campaigns. No migration, no retraining.

Phase 1

Real-time filtering that actually feels instant

Webflow's native filtering worked for small datasets, but it wasn't the experience you want when discovery is the core job. We replaced the native filtering behavior with custom code — emoji-based category pills that filter the directory in real time without a page reload.

1

Emoji category pills make filtering tactile and visually distinct from search.

2

Results update instantly — no reload, no spinner, no lag.

3

Built on Webflow's existing structure — no CMS migration needed at this stage.

Scalapay merchant directory showing emoji-based category filtering UI
The emoji filter pills became a signature UX pattern — memorable, fast, and easy to expand as new categories were added.

Phase 2

Predictive search with Algolia

Once filtering was solid, search became the next constraint. As merchant count grew, users needed to find specific brands without scrolling. We added Algolia for typo-tolerant, predictive results — so the directory stayed usable as inventory scaled.

1

Results appear as you type — no submit button, no wait.

2

Typo-tolerant matching means users find brands even with imperfect spelling.

3

Algolia's index updates automatically as new merchants are added to the CMS.

Animated demo of Algolia predictive search on the Scalapay merchant directory
Predictive search made the directory feel like a product — not just a filtered list. Users could get to a specific brand in two keystrokes.

Phase 3

Headless CMS — one source of truth for web and mobile

This is where the system became durable. We moved directory data into Sanity so Scalapay had a scalable source of truth that could also power the mobile app. Then we connected Sanity to Webflow via API — so the marketing team could keep using Webflow for pages and campaigns, without stuffing a product-grade directory into a website CMS.

1

Sanity holds all merchant data — structured, scalable, and API-first.

2

Webflow pulls from the API — marketing keeps their workflow, no migration.

3

The mobile app pulls from the same Sanity source — no more content duplication.

Architecture diagram showing Sanity as source of truth connected to Webflow and the mobile app via API
Each tool stayed in its lane: Sanity for data, Webflow for pages, the API as the bridge between them.

Architecture

What we shipped

Four components, each responsible for exactly one job. The key decision was keeping each tool in its lane.

1

Sanity

Source of truth for merchant data. Structured, scalable, and reusable across web and mobile. One update propagates everywhere.

2

Webflow

Presentation layer for the marketing site. Fast page building for campaigns and landing pages — without the CMS weight of the full directory.

3

API Integration

The bridge that keeps the directory fresh. Sanity data flows to Webflow without manual copy-paste or duplication.

4

Algolia + Custom UX

The discovery layer. Typo-tolerant search combined with emoji-based filtering so the directory feels like a product, not a list.

Outcome

What changed for Scalapay

1000s
Listings at scale
Directory scaled to thousands of merchants across 8 countries without degrading UX or slowing the marketing team.
1 CMS
Web + mobile
Single Sanity source of truth eliminated duplicate content maintenance across web and the mobile app.
0 migrations
For marketing
Marketing kept their Webflow workflow. No retraining, no downtime — the architecture gained headroom around them.

The underlying shift

Scalapay didn't need a new website. They needed to separate "content that belongs to a product" from "content that belongs to marketing." Once that line was clear, the architecture followed. Sanity handles the product data. Webflow handles the marketing pages. The API keeps them in sync. Each tool does what it's actually good at.

What Scalapay said

A fast and trustworthy partner

"Eldur Studio helped us stretch Webflow's limits and has proven to be a fast and trustworthy partner. The quality of the work has been consistently great, the team is collaborative and has often helped us take our idea to the next level."

— Scalapay

Building a directory or a content-heavy product?

Schedule a call