VANTERA — 11-page concept with a live configurator
Andrii Bobrovskyi
Self-initiated concept — fictional brand, AI-generated imagery, fictional specs. Not a client project.
What it is
VANTERA is a made-up marque of electric grand tourers. I built it to show a full brand site in Framer rather than a landing page: a model range, a journal, long-form pages and a working configurator.
The homepage opens with the Aurea GT hero, four key figures and a card for each of the three models.
What I built
11 pages: Home, Models, model detail, Technology, Design, Heritage, Ownership, Configurator, Journal, article detail, Contact
Two CMS collections, Models and Journal, both with rich-text bodies and their own detail pages
One layout template for the sticky nav and footer, shared by every page
Components for the nav, buttons, FAQ items and a form button with pending, success and error states
Every page laid out at 1200, 810 and 390 px
In the configurator, paint, wheel and interior choices are stored in the URL, outlined when selected and listed in the specification summary.
The hard part: the configurator
Six paints, three wheels, three interiors: 54 combinations, no backend. My first attempt set page variables with tap actions added through Framer's Server API; on the published site they did nothing. The version that works keeps the choice in the URL. Each option links to /configurator with a query parameter, the page reads paint, wheels and interior into page variables, and every link preserves the parameters already set. The ring around the selected option is a visibility condition on the matching variable. Every configuration is a URL you can send to someone.
Four of the site's eleven pages: the model range, the Aurea GT model page, Technology and Heritage.
How it was built
The build is scripted through Framer's Server API as numbered steps: tokens, components, CMS, pages, breakpoints, then fixes after screenshot checks at each width. The 16 images were generated with an AI model. The prompts had to forbid badges explicitly, because the first hero came back wearing a real manufacturer's emblem.
Mobile layouts for the open navigation menu, the configurator and the Technology page.
Stack
Framer, Framer CMS, page variables, Server API scripts, Clash Grotesk and Inter.
Like this project
Posted Sep 27, 2026
Self-initiated concept for a fictional electric grand-tourer brand. 11 Framer pages, two CMS collections, three breakpoints, and a paint, wheels and interior configurator that keeps its state in the URL, with no backend. Imagery is AI-generated; specs are fictional.
