Client
Allan Productions
Cairo · Visual Agency
← All Work
Case · 01 / 06
★ Anchor project · Web App · 2025
Allan
Portal.
A bespoke client video delivery system that replaced a chaos of WhatsApp threads, WeTransfer links, and lost feedback — with one beautiful place where review, approval, and final delivery happen.
01 · The Problem
Production agencies are
still using WhatsApp.
Allan Productions — a high-end Cairo visual agency — was shipping seven-figure work through a stack that didn't match.
Cut review happened on WhatsApp. A client would scrub through a Vimeo link on their phone, screenshot a frame, and reply "the bit at 1:42 feels off." The producer would screenshot it back asking which exact frame. Multiply by ten revisions, three projects, six stakeholders. Chaos.
Deliverables shipped via WeTransfer. Links expired. Files got lost. Marketing teams asked for the raw cut three weeks later — gone.
Approval was an email. No paper trail. No version history. No way to prove which cut the client signed off on when scope creep arrived.
Premium work, amateur infrastructure.
The Solution · Try it
Click the player to pin feedback.
Califts SS26 — Hero Film
v3 · uploaded 14:32 · 02:18 runtime02 · What was built
Not a CMS skin.
A real product.
Allan Portal is a full-stack Next.js application with role-based authentication, signed video playback, server-side analytics, and a deliverables vault — built and shipped solo over six weeks.
-
01
Mux-powered video review
Server-side uploads to Mux with HLS playback. Live processing status. Watermark toggle per project. Signed playback URLs for clients (planned: full DRM).
-
02
Timestamped feedback pins
Click anywhere on the player to drop a pin. Pin lives on the timeline. Threaded comments per pin. Producer and client see the same feed in real time.
-
03
Version history & approvals
Every cut uploaded becomes a version. Producer marks the current version. Client can approve. Once approved, that version is locked into the project record — court-of-record level traceability.
-
04
Admin dashboard
Allan's producers see every project at a glance: client, status, version count, last upload. New projects created with a multi-client search-filterable picker.
-
05
Client portal
Clients see only what they're on. Greeting hero. KPI tiles. Active projects grid. Activity feed. Settings — change name, company, password.
-
06
Deliverables vault
Drag-and-drop upload (admin). Signed-URL download (client). Membership-verified. Files live in Supabase Storage behind RLS — no public URLs ever leak.
-
07
Share links
Producers generate one-off public links for external stakeholders who don't have accounts. Revocable. Expirable.
-
08
Analytics
Per-project KPI tiles, view counts, note charts, approval timeline. Producers know exactly what's been seen and where attention is concentrating.
Before / After
Drag to see the difference.
03 · The Stack
Modern.
Production-grade.
Nothing exotic — chosen for stability under real client load and the ability to iterate fast solo.
- Next.js 16 · App Router
- TypeScript
- Supabase · Postgres + Auth + RLS + Storage
- Mux · Video
- GSAP + ScrollTrigger
- Tailwind v4
- shadcn/ui
- Vercel · Deploy
Outcome
One link.
One link.
Zero WhatsApp threads.
What was a tangle of expired links, screenshot tennis, and "which version did I approve" emails became a single URL the producer sends. The client reviews, pins feedback, approves the cut, downloads the finals — all in one place, all on the record.
06
Weeks · concept to live
100%
Custom-built · no SaaS rental
∞
Lost feedback threads
Next case · 02 / 06
↗
Feedback · 2
"Logo enters too quickly — push to 00:22 to land with the bass drop."
"Love this cut. Brand color on the talent's jacket needs +5% saturation."
↑ Click anywhere on the player to drop a new pin