Gilden RoseMakers & craft
Bronze Raven
A smith casting Bronze Age swords and daggers in Ocala. Pieces run into the thousands and every one is made by hand, which means nobody is adding one to a cart — so we built a page whose only job is to earn one good conversation.
- Client
- Bronze Raven, Ocala FL
- Sector
- Hand-forged bronze weaponry
- Shape
- One page, no store
- Built from
- A written client brief
- Stack
- Static HTML · no framework, no build step
- Year
- 2026
- Live at
- bronzeravenswords.com
Real screenshot of the live site at 1440 px wide, captured 2026. The page runs to 9,086 px; this is the first 8,600 px of it — open the live site for the rest.
On a phone first
Most of the people who find this site are standing outside holding a phone. Every build gets designed at 390 pixels wide before it gets designed at 1440, and the phone layout is never the desktop one squeezed down.
What it had to do
Most product sites are built to close a sale in one sitting. This one can’t be. A cast bronze sword is a four-figure object made by hand at one bench, and the buyer wants to talk to the person who made it before money moves. A cart would actively get in the way.
So the page is a qualifying instrument. It shows the work close enough that a serious buyer can judge the craft, tells them plainly how commissioning works, and hands them one way to start a conversation. Nothing else competes for the click.
What we built
- A single static page — all CSS and JavaScript inline, no framework and no build step, because the brief asked for one file that would still open in ten years.
- A bronze raven medallion that flies in on load, lands in the header cropped to just its face, then stays alive — blinking, breathing, ruffling as you scroll.
- A click-through study of one real sword: five parts indexed down the left, the plate on the right, the copy swapping beside it as you choose. Reader-driven — you pick what to look at.
- A verdigris and patina palette rather than warm trophy gold, with the bronze tone held back for the primary button, link hovers and focus rings only.
The one thing we refused to do
The first version of the sword section pinned itself to the viewport and scrubbed through the five parts as you scrolled. It demoed well and it was wrong: it took the scroll away from the reader, so anyone who just wanted to get to the bottom of the page had to fight an animation to do it. We rebuilt it as a click-through. You can now scroll straight past the whole thing and lose nothing.
Honest about this one: the photography below the sword section is still museum reference standing in for the smith’s own pieces, and the page carries no deposit or shipping terms on purpose — bladed goods are a restricted category with most payment processors, so that gets solved properly or not at all.
Yours next
Want one of these?
We put your whole site on a live link inside a week, free to look at. No build fee — just $97 a month if you want it. A working website for under $100.