Spec build · August 2026

Three-SiteShowcase

Three bilingual site demos — a PR firm, a media studio, and a summit with a working registration flow — presented in one interactive viewer.

ROLE  Sole designer & developerSTATUS  Spec build — demos liveFOR  a prospective client · brands fictionalized
  • HTML
  • Tailwind CSS
  • JavaScript
  • AR/EN · RTL
  • Hash routing
3 distinct art directionsfull Arabic/English with RTL mirroringregistration flow with reference numbers

An offer, delivered as working software instead of a slide deck: three interactive site previews in a device-frame viewer — switch between desktop, tablet, and mobile, flip each site to Arabic, and run the summit's registration flow end to end.

What it demonstrates

Each demo is a self-contained page with hash routing, its own art direction, and full bilingual content — a light editorial look for the PR consultancy, a dark visual-first treatment for the media studio, and an event site for the summit with speakers, agenda, and a registration form that validates, confirms, and returns a reference number. The viewer wraps all three in scaled device frames with a persistent switcher.

Built for a prospective client; the engagement didn't proceed. The demos stay because the build is the point: this is what a proposal looks like when an engineer makes it.

Open the live showcase ↗