Loading
Our creative works — case study

Rivolty.

A Bay Area builder of backyard studios, sheds, decks and patio covers. The site had to sell a five-figure construction job to homeowners who have never commissioned one — so it leads with the finished space and never with the contract.

Luxury watches marketplace Rivolty, hero screen
Client
Rivolty
Services
Web development, branding
Team
4 specialists
Timeline
9 weeks
Market
San Francisco Bay Area

The challenge

Turning a renovation people fear into three simple steps.

Homeowners assume a backyard build means permits, several contractors and an open-ended bill. That fear, not the price, is what stops the enquiry — so the site's job is to make the process look short and supervised.

The page answers it in order: what you can build, how the three steps run, who has already done it, and what the finished work looks like up close. Proof sits between every claim and the next call to action.

01
Three products, one glance

Patio cover, shed, deck sit as three full-height photo columns straight under the hero. A homeowner who does not know the vocabulary can still point at the one they want.

02
The process as a progress bar

Share your dream → seal the deal → enjoy the space. A stepper with the active card lifted forward and the others dimmed, so the build reads as three moves rather than an unknown number.

03
Proof from real neighbours

Yelp reviews, then video testimonials filmed in the customers' own yards, then a construction gallery with the framing still visible. Finish photos alone would read as stock.


Colour & type

Daylight greys, one backyard green.

Palette
Page
Band
Green
Footer

Green is reserved for actions and the step markers — nothing else is filled. Every other surface is white or a light grey band, so the photography carries the colour.

Type
Aa
Wide grotesque, uppercase — hero, section heads
Aa
Neutral sans — product copy, FAQ, footer
Hero44 / 1.15 / 0.01em
Section32 / 1.20 / 0.01em
Body15 / 1.65 / 0
Label11 / 1.20 / 0.14em

Screens

The home page, full scroll.

Desktop 1920 · mobile 390 · shipped build, rivolty.com
rivolty.com — full page
rivolty.com full desktop page
rivolty.com full mobile page
Mobile — full page

Let's talk about your project.