Watchmaker Landing Page
Author: OpenAI
Haute horlogerie landing page for a luxury watchmaker.
Description
This landing page was generated with Codex + GPT-5.5, using GPT Image 2 for visual assets. It presents a luxury watchmaker through a cinematic hero, product storytelling, and premium editorial sections.
Build notes
Initial prompt
Create a new landing page for a complicated watch design with parallax effects. First generate the concepts using imagegen, then create the visual assets: each one a different piece of the watch mechanical design, and when scrolling, they should assemble into the whole design. For each piece, there should be an accompanying paragraph on the left or right (alternate), and scrolling brings up the next paragraph and the next piece with a fading animation for the previous paragraph. I want a really smooth, traditional yet modern design - think high end luxury Swiss watchmaking.
Iterations
-
Generated visual concepts and individual watch-mechanism assets, then processed the assets onto transparent backgrounds.
-
Built the scroll parallax sequence where separate watch components move into position and assemble into the final watch.
-
Refined the parallax behavior so watch parts stayed visible while the text panels faded between chapters.
-
Reworked the broader landing page direction with cleaner luxury typography, more minimal sections, larger numbered headings, and better spacing.
-
Iterated on the navigation, hero composition, Google Fonts, and generated watch imagery until the page matched the high-end reference direction.
-
Polished the final assembly and viewing area so the assembled watch stayed in place, the copy remained readable, and the hero image was cropped more deliberately.
- Final step
Finished the Watchmaker Landing Page with the assembled watch held in place, a readable final viewing panel, refined luxury typography, and a better-cropped hero watch image.
Related projects
E-commerce website
This storefront was generated with Codex, using `gpt-image-1
Forged in Silence
Forged in Silence is a premium ecommerce storefront built with Codex from...
Arcade Bar Landing Page
This landing page was generated with Codex + GPT-5