2ebre — Case Study

The Real Site

Not mockups — the actual pages.

Screenshots straight from the live site, including the multi-step booking flow behind "Book a Call."

Homepage

Step 1 — Duration

Choose the duration of the call — 30 minutes $13.99 or 60 minutes $21.99

Step 2 — Location

Where is your location — Outside Egypt or Inside Egypt pricing split

Step 3 — Calendar

Select the appointment based on the Cairo clock — booking calendar

The booking flow branches by location before showing a calendar — pricing and availability both key off where the visitor actually is, not just their browser locale.

The Breakdown

A Hardcoded Number

Every update meant calling a developer

→

One Field, Client-Controlled

Updated directly from WP admin

→

Urgency That's Never Lying

The number on the page is always true

The Problem

The private community is deliberately capped at 250 members — the scarcity is the point. But that number changes every time someone joins, and the site owner needed to update the "spots remaining" figure themselves, the moment membership changed, without filing a request or waiting on a code deploy. The whole site also needed to work identically in English and Arabic, and the hero sections needed motion and polish without hand-rolling animation code for every page.

What I Built

An ACF (Advanced Custom Fields) number field the site owner edits directly from the WordPress admin — the template does the subtraction and renders the progress bar and "X spots remaining" copy live from that single field. WooCommerce handles the $17.99/month membership purchase flow, TranslatePress mirrors every page under an /ar/ path so the Arabic version stays structurally identical to the English one, and Slider Revolution drives the hero animations so that layer never needed custom JavaScript at all.

Process

How it works.

Define the field

A single ACF number field holds the current member count — no developer touch required to update it, ever.

Compute the display

The template subtracts the field's value from the hard cap of 250, then renders both the "X / 250" count and a visual progress bar from that one number.

Mirror it in Arabic

TranslatePress serves the same page and the same live counter under /ar/, so the urgency mechanic reads identically regardless of language.

Let the platform handle motion

Slider Revolution powers the hero animation and parallax — reached for an established, well-supported tool instead of hand-rolling animation JS for a marketing page.

Outcome

ACF FIELD
DRIVES THE WHOLE COUNTER

LANGUAGES
ONE STRUCTURE, EN + AR

$17.99

MONTHLY SUBSCRIPTION
VIA WOOCOMMERCE

Why it matters

A scarcity mechanic only works if the number is actually true. Tying "195 spots remaining" to a single field the site owner controls directly — instead of a hardcoded number in a template — means the urgency on the page is never lying, and never needs a developer to stay honest.