14·Product·Passion project
Reel Estate
Pay-per-listing video staging service for Dubai real-estate agents. AI-generated tour reels conditioned on a single listing photo plus structured property metadata. Pricing, wedge, and waitlist live; production stack hand-off to the video-generation pipeline.
Discover
Why it exists.
Dubai agents post listings to Instagram and TikTok every week. A reel commissioned to a videographer costs hundreds of dirhams and lands days later, by which point the listing's social moment is gone. AI staging plus AI motion makes it possible to deliver a reel the same afternoon the listing is captured, at a price the agent can absorb on every listing instead of only their flagships.
Reel Estate is the pre-launch landing for that wedge product. Pricing locked, sample reels generated by hand via the Flora-plus-Remotion pipeline, waitlist captured via Tally. The site is shippable empty, placeholders carry it until the demo assets drop, and feels alive the moment the real Hero video and three-step photo-staged-clip strip land in public/demo/.
StackNext.js · Stripe · Prisma · Vercel
Develop
What it took
Skills behind it.
Primary discipline plus the support stack.
Skills demonstrated
- Product StrategyPrimary
Pay-per-listing pricing with a five-pack wedge tier and lifetime-locked rates for the first 50 waitlist agents.
- Marketing & BDSecondary
Positioning for Dubai agents posting weekly; the whole site is the offer, sample reels, pricing, waitlist, nothing else.
- Web DesignSecondary
Single-offer landing with a vertical 9:14 reel mockup, address + price overlay, and scrubber.
- Frontend EngineeringSecondary
Next.js + Stripe + Prisma waitlist plumbing wired for production hand-off to the video-generation pipeline.
Develop · Build
How it came together.
- 01
Pricing source-of-truth lives outside the site
Pricing, wedge bullets, and FAQ copy all read from
Product Strategypersonal-ops/lib/portfolio/projects.tsand the pricing-audit doc, not from values hardcoded in the components. Means an edit to the strategy doc propagates to the live site through one rebuild, with no risk of the marketing surface drifting from the underlying offer. - 02
Two tabs, two pricing models, one conversion target
The Pricing component holds Subscription and A la carte tabs side by side. Subscription is the wedge for agents posting weekly; A la carte exists to make the unit economics legible to agents who only need a flagship reel a month. Same waitlist beneath both.
Marketing & BD - 03
Remotion replaced Kling for the motion step
The original demo pipeline ran Flora for the still staging and Kling for the motion. Kling produced inconsistent results across listings, so the motion step was rewritten in Remotion,
AI & Machine Learningnpm run video:rendernow produceswalkthrough.mp4and awalkthrough-placeholder.mp4deterministically from the same listing photo plus metadata. The composition lives in the same Next.js repo as the landing, served frompublic/demo/. - 04
Tally handles the waitlist
Wired the waitlist as a Tally embed (env-gated) with a local-preview fallback form so the page is shippable empty on dev. Tally handles the storage, the email confirmation, and the export, three things not worth building before launch.
Frontend Engineering - 05
Single-offer landing, the whole site is the pitch
No portfolio, no about page, no blog. Hero with autoplay demo video, Bundle (photo → staged → clip), Pricing tabs, Wedge bullets, FAQ, Waitlist. Visitors either understand the offer in thirty seconds and sign up, or they bounce, and bounces are fine, because the audience is agents who already know what a property reel does.
Web Design
Deliver
What shipped.
Pre-launch. Pricing, Wedge, FAQ, and Waitlist are wired; sample reels generated by hand via the Flora-plus-Remotion pipeline carry the demo slot until the production run lands. Once the motion pipeline survives a one-day burst of real listings, the waitlist gets the unlock email.