Interactive — this is the real build running inside the page.Full screen
What it does
A gallery-like website for an interior design studio in Achrafieh, built around Beirut's arched houses. Visitors pick between real rooms, tune two sliders and set a budget, and get a style profile with a live moodboard of palette, materials and priced furniture that they can attach to a home consultation. Case studies slide from the survey to the finished room, the fee estimator prices a whole project, and every request lands in the studio's own inbox.
Signature interaction
Pick between pairs of real rooms, then drag the warm-to-cool and minimal-to-layered sliders and watch the moodboard re-colour its palette, swap materials and redraw its furniture live, before booking a visit with the board attached.
What works in it
Style finder with four image pairs, two sliders and a budget
Live moodboard: palette, materials and priced furniture that redraw as you move the sliders
Save boards and attach one to a consultation request
Case studies with a survey-to-finished before/after slider
Project gallery with room, area, sort and search filters and a lightbox
Fee estimator with design fee, site management, timeline and payment schedule
Consultation booking with free and booked time slots
Lebanese phone validation with call or WhatsApp preference
Floor plan and photo upload kept in the browser tab
Studio inbox with stages, notes, activity log and undo
Service areas map, opening hours with open now and FAQs
Studio chat sheet with call-back requests
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
Business
Meeting Scheduler
Find a time that works for a five-person team split across Beirut, Dubai and London. A week heatmap shows how many people are free in every half hour, ranked suggestions explain their score, and booking re-checks each calendar before any invite goes out.
A job-file manager for an appliance service company in Jounieh: drag and drop several files at once, see instant previews, get a clear reason when a file is the wrong type or too large, and follow every upload with pause, resume and retry. Files can be reordered, renamed and filed into folders.
Prepare a two-page service agreement, drag signature, initials, date, name, text and checkbox fields onto the pages and send it for signature. The signer adopts a signature by drawing it with a finger, stylus or mouse or by typing it in a script style, completes each highlighted field, and the envelope finishes with a certificate of completion and a hash-chained audit trail.
A shop-the-look room photo with pulsing hotspots on every piece. Hover or tap a dot for a product popover with price, rating and add to bag, tick pieces in the look panel to build a bundle, and switch on merchant edit mode to drag hotspots into place.