Skip to main content
Case study

On the Roadside

ClientCheryl Linne, Founder Timeline3 days StackNext.js, Tailwind CSS View live site
The On the Roadside landing page, the name beside its map-pin logo with clouds drifting past

The challenge

On the Roadside is Cheryl Linne’s map of the farm stands, food trucks and markets on Vancouver Island: see what’s open near you, then pull over. The people who run the stands put their own listings on it, with their hours, photos and links.

Cheryl started it as Island Roadside. When she renamed it so it could grow past the island, she picked up ontheroadside.ca, and the new name needed a front door. The map already runs on the web and the iPhone app is in final testing, so the page at the domain had a narrower job: explain the idea in a few seconds, send people to the map, and show stand owners why theirs belongs on it.

What I built

A landing page, built from scratch in Next.js in the app’s own colours and fonts. The hero leads with the name, which is what Cheryl wanted people to remember, beside her map-pin logo with clouds drifting past it. Under it, a ticker runs through what turns up at the side of the road: veggie boxes, herbal jams, plant starts, wood-fired pizza.

Three ways to explore: market stands, food trucks and events

From there the page goes in the order a first-time visitor needs it: the three kinds of listing, how it works in three steps (open the map, pick a stop, pull over), and the map itself on three phones, with the filters, the island-wide view and a food truck’s photos and hours.

The map on three phones, under the heading One map. Every hidden gem.

The other half of the page is for the people who run the stands. “Put your stand on the map” sets out what a free listing includes and what a full listing adds, and the List your stand button takes them to sign up.

Put your stand on the map: what free and full listings include

Two smaller things: the header slides away as you scroll down and comes back as you scroll up, and a link to ontheroadside.ca shows the hero as its preview instead of a blank card.

The result

The page went up on September 1 and moved onto ontheroadside.ca two days later. The map itself lives at app.ontheroadside.ca, so the name, the page and the map share one address. Anyone can browse the map on the web today, and the iPhone app is in final testing.

“Owen at OBdesign has showcased numerous exceptional qualities and skills while working on my app. I wholeheartedly endorse him for his remarkable intuition in identifying requirements, his attentive listening to clients’ desires and needs, and his ability to deliver outstanding work that surpasses my expectations, achieving a level of quality that is truly superior.”

— Cheryl Linne, On the Roadside

Like what you see?

Tell me about your business and I'll build you a free preview of your new homepage, before you commit to anything.