All work

Middlewatch

A Framer template for independent watch brands, with an animated WebGL hero, six CMS product pages, a comparison table and a size guide drawn to scale.

Open the live site
Type
Framer template
Year
2026
My role
Brand, copy, design and Framer build
Built with
Framer, CMS, 3 code components, WebGL
Two phones on a stone ledge showing the Middlewatch home page and watch catalog

Scope

5 pages and 6 CMS product pages

Overview

Middlewatch is a website template for small watch brands that sell online. The demo brand is fictional and based in Portland, Maine, with three models in six versions.

What I built

The home page opens with the watch in the dark, showing only the luminous dial, and a spotlight then lights it up. The spotlight is a WebGL shader in a custom code component, and its color, width and position can be adjusted in Framer.

Each watch has its own CMS page with a photo gallery, price, stock status and a list of ten specifications.

Other features

A 24-hour clock that shows the visitor’s local time, a comparison table, a size guide drawn to scale and an email signup form.