All Night Watches
A complete watch store: three models in a scroll-driven video showcase, plus cart, WhatsApp ordering and legal pages.
- Industry
- Watches — workshop-made
- Location
- Çekmeköy, Istanbul
- Year
- 2026
- Scope
- Showcase · Collection · Cart · Order flow · Legal pages
- Status
- Preparing for launch
3
models, three scenes
Midnight, Maldiv, Aurora
3
scroll-scrubbed videos
About 9 MB in total
5
legal pages
Distance sales, pre-contract information, returns, privacy, delivery
0
build steps
Plain HTML, CSS and JavaScript
The client wanted a store ready for sales, but not a classic product list: a showcase that tells the story of three models made in their own Istanbul workshop and runs smoothly on mobile too. With no payment provider yet, orders had to reach the shop without getting lost, and the legal pages could not go out blank.
Video that scrubs as you scroll
The three background videos are loaded into memory and scrubbed forward and back with scroll progress; the dial makes a full turn between watches and the hands show the same time on every model. A poster image sits underneath each video, so a dropped frame never shows a blank.
An order flow that never loses an order
When the cart is confirmed, the order is first recorded with an ANW-XXXXX reference, then a ready-made WhatsApp message with the same reference opens to the shop. Even if the record fails the message still goes out, so the order can be traced from two places.
A discount wheel and an email list
A wheel shown on the first visit applies its coupon to the cart automatically; newsletter sign-ups are collected through a database rule that only allows inserts, so the list can't be read from the browser.
Legal pages from one place
The distance-sales contract, pre-contract information, returns, privacy and delivery pages all read company details from a single data block. Missing details show as a red warning on the page, so a blank contract can't go live by accident.
What we delivered
Showcase
Scroll-driven video scenes for the three models.
Collection
Side-by-side product cards with colour and price, add to cart.
Cart and order
Delivery form, reference number, ready-made WhatsApp message.
About
Workshop production, warranty and returns, contact details.
Legal pages
Five pages from a single data source.
Technical base
Sitemap, structured data and share previews.
Technology we used
A showcase that changes as you scroll
Each model arrives with its own background video; as you scroll the video scrubs forward and back, the dial turns and the watch slides sideways.
Collection and about
Three models side by side with colour and price; the workshop, warranty and returns are explained on a separate page.
Mobile
The same scroll-driven scene works on a phone; the text card and buttons are sized for thumbs.
More projects
Akar Balcılık - 100% Natural Bee Products
We built a from-scratch brand identity, logo, and social media storefront for a natural Trakya honey producer.
View project
Ateş Usta
A restaurant website built from scratch for a Çekmeköy kebab-and-soup restaurant, with a QR menu system, admin panel, and SEO-focused blog.
View project
Stage Medya
A corporate website presenting influencer marketing and production services alongside selected projects.
View projectPut your store on display too
Tell us about your products and sales process; we'll build a complete store, from showcase to cart, from orders to legal pages.