Heron runs inside Revit, Rhino, ArchiCAD and SketchUp, so the site had to read as an instrument r...Heron runs inside Revit, Rhino, ArchiCAD and SketchUp, so the site had to read as an instrument r...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Heron runs inside Revit, Rhino, ArchiCAD and SketchUp, so the site had to read as an instrument rather than a brochure from the first frame.
The preloader replaces the progress bar with a drawing in progress. A red datum line moves up an architectural elevation carrying the percentage value, and the building is drawn in line by line as loading completes. Supporting information sits in the margins in the same register: live cursor coordinates, a project spec card covering type, founding year, focus and location, and a numbered system boot sequence.
Functionally it covers asset loading for the interactive hero, so the drag-to-reveal behaviour responds immediately once the page lands. Editorially it sets the frame before a single line of marketing copy appears.
The datum line makes the loading state feel like part of the product. I'd keep it visible for a beat after the page loads, then let it reveal the first interactive control.
Mote is a pre-order landing page template for hardware and physical products, built in Framer.
It covers the whole run-up to a launch: a cinematic hero, a scroll-scrubbed product film, a spec table, a reservation countdown, two pricing options, FAQ and testimonials, plus a reserve page with a working form, a terms page and a 404.
Who it is for: hardware startups opening pre-orders, wearables and consumer electronics launches, limited runs, and agencies building launch pages for product clients.
You get the template as an instant Framer remix link, or the bundle with the Figma design file. $79 one time, $119 with Figma.
I noticed that you have not only named it purpose forbphysical products, but also made it actually feel like physical on the design too. Great approach and design!
To be honest, this was one of the most complex projects of the year so far, but I'm really happy with the final video. Really grateful for the opportunity to work on it.
There’s something really appealing about an agency website that feels this comfortable having fun.
That comes through in both the design and the writing.