Design experiment · Enamel

Website for a bike shop

Rijwielhandel Ros doesn't exist. It's a bike shop I made up to try out a style: a website that looks like old enamel advertising signs, with bright colors and heavy lettering.

Next.js 16React 19MotionTypeScript
Rijwielhandel Ros website, desktop version
Rijwielhandel Ros website, mobile version

THE EXPERIMENT

A bike shop to experiment with

I enjoy experimenting with design. For this one, I gave the bike shop a storefront and a workshop on a street corner, and built the site a business like that could have. After eight versions, this is where it ended up.

Every sign has little screws in the corners and a sheen across the enamel, and the colors and black lines are borrowed from the painter Fernand Léger. The menu is a row of shop signs hanging from a rod, and the row swings for a moment when you hover over a sign.

The site shows whether the shop is open and works out what a repair costs. You can even pick a day to drop off your bike, though that request never arrives anywhere: the shop doesn't exist.

IN PICTURES

A few screens from the site

Green price board with two repairs checked off, next to a repair ticket that adds up the total
Check off what needs doing, and the repair ticket keeps a running total.
Four bikes for sale, each on an enamel sign in blue, red, yellow and green
Every bike in the shop gets its own enamel sign, with the price on it.
The top of the site in dark mode: a white heading on a black tiled wall above four colored signs
If your phone or laptop is set to dark mode, the tiled wall turns black. The period after the heading is a bicycle wheel: hover over the heading on the site and the wheel spins.

Want a website with a style of its own?

I design and build the site myself, in a style that suits your business and with a structure that's easy for Google to read.