SAMUEL RALAK · PROTOTYPES

Prototypes.

Drafts, throwaways, and interview submissions. Each folder is self-contained static HTML — open any index.html in a browser. No build step.

06

relay

Apr 17

Relay — customer support platform. Landing page, agent workspace (3-pane dispatch console with ticket queue + conversation thread + customer context), mobile app preview (3 phone frames — inbox, chat, lock screen push), customer portal, admin dashboard with volume chart + agent performance, split-brand login. Newsroom aesthetic — ticket stubs with priority strips, stamp status badges, editorial turn-taking.

HTML · Tailwind · 6 pages · Newsreader + Geist
05

rental-analyzer

Apr 11

Dwell — rental deal analyzer SaaS. Landing page, analysis results with revenue chart + comps + expense breakdown, interactive what-if simulator with live sliders, guest review sentiment analyzer, admin dashboard with KPIs + charts + user table.

HTML · Tailwind · 5 pages · Live sliders
04

wayfinding

Apr 11

Indoor wayfinding for a 2-floor university building. SVG floor plans, A* pathfinding on a JSON graph, animated route, floor switching, search picker, kiosk mode, deep links. Architectural-paper aesthetic with teal route lines (deliberately not blue).

HTML · SVG · A* pathfinding · Vanilla JS
03

portholes-display

Apr 10

Screech-In Porthole Display for Grey Cup Calgary charity activation. Clerk station, porthole generator (SVG composite), 200-slot big-screen wall with live animated entries. CFL team colors, localStorage end-to-end flow.

HTML · SVG · Vanilla JS · 3 screens
02

creator-marketplace

Apr 10

Brand↔creator collab marketplace. Browse briefs, application flow, brand review dashboard, 1-on-1 messaging. Editorial paper aesthetic with Fraunces + terracotta rust.

HTML · Tailwind · 4 pages
01

video-gen-saas

Apr 10

AI documentary generation SaaS. Creation flow, 17-stage render progress view, and dashboard. Warm dark editorial with Instrument Serif and amber accent.

HTML · Tailwind · 3 pages
~/prototypes 5 entries