{"id":2072,"date":"2020-04-25T16:10:54","date_gmt":"2020-04-25T16:10:54","guid":{"rendered":"https:\/\/ninetheme.com\/themes\/wavo\/?post_type=projects&p=2072"},"modified":"2025-02-11T22:17:12","modified_gmt":"2025-02-11T22:17:12","slug":"cup-of-tea","status":"publish","type":"projects","link":"https:\/\/grdigital.tech\/index.php\/projects\/cup-of-tea\/","title":{"rendered":"Luxury watches marketplace Rivolty"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n <\/span>\n Our creative works \u2014 case study<\/span>\n <\/div>\n

Rivolty.<\/span><\/h1>\n
\n

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 \u2014 so it leads with the finished space and never with the contract.<\/p>\n

\n Visit live website<\/a>\n See the work<\/a>\n <\/div>\n <\/div>\n
\n \"Luxury\n <\/div>\n
\n
\n
Client<\/div>\n
Rivolty<\/div>\n <\/div>\n
\n
Services<\/div>\n
Web development, branding<\/div>\n <\/div>\n
\n
Team<\/div>\n
4 specialists<\/div>\n <\/div>\n
\n
Timeline<\/div>\n
9 weeks<\/div>\n <\/div>\n
\n
Market<\/div>\n
San Francisco Bay Area<\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n <\/span>\n The challenge<\/span>\n <\/div>\n
\n

Turning a renovation people fear into three simple steps.<\/span><\/h2>\n
\n

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

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.<\/p>\n <\/div>\n <\/div>\n

\n
\n
01<\/div>\n
Three products, one glance<\/div>\n

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.<\/p>\n <\/div>\n

\n
02<\/div>\n
The process as a progress bar<\/div>\n

Share your dream \u2192 seal the deal \u2192 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.<\/p>\n <\/div>\n

\n
03<\/div>\n
Proof from real neighbours<\/div>\n

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.<\/p>\n <\/div>\n <\/div>\n <\/section>\n

\n
\n
\n <\/span>\n Colour & type<\/span>\n <\/div>\n

Daylight greys, one backyard green.<\/span><\/h2>\n
\n
\n
Palette<\/div>\n
\n
\n
<\/div>\n
Page<\/div>\n <\/div>\n
\n
<\/div>\n
Band<\/div>\n <\/div>\n
\n
<\/div>\n
Green<\/div>\n <\/div>\n
\n
<\/div>\n
Footer<\/div>\n <\/div>\n <\/div>\n
\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n <\/div>\n

Green is reserved for actions and the step markers \u2014 nothing else is filled. Every other surface is white or a light grey band, so the photography carries the colour.<\/p>\n <\/div>\n

\n
Type<\/div>\n
Aa<\/div>\n
Wide grotesque, uppercase \u2014 hero, section heads<\/div>\n
<\/div>\n
Aa<\/div>\n
Neutral sans \u2014 product copy, FAQ, footer<\/div>\n
\n
Hero<\/span>44 \/ 1.15 \/ 0.01em<\/span><\/div>\n
Section<\/span>32 \/ 1.20 \/ 0.01em<\/span><\/div>\n
Body<\/span>15 \/ 1.65 \/ 0<\/span><\/div>\n
Label<\/span>11 \/ 1.20 \/ 0.14em<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n <\/span>\n Screens<\/span>\n <\/div>\n
\n

The home page, full scroll.<\/span><\/h2>\n
Desktop 1920 \u00b7 mobile 390 \u00b7 shipped build, rivolty.com<\/div>\n <\/div>\n
\n
\n
\n <\/span>\n <\/span>\n <\/span>\n rivolty.com \u2014 full page<\/span>\n <\/div>\n \"rivolty.com\n <\/div>\n
\n
\n \"rivolty.com\n <\/div>\n
Mobile \u2014 full page<\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n

Let's talk about your project.<\/span><\/h2>\n
\n Get in touch<\/a>\n All case studies<\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Cup Of Tea Home introduction We are a Creative Agency & Startup Studio that provides Digital Products and Services turns to focus on client success. We specialize in user interface design, including front-end development which we consider to be an integral part. Client admin Date April 25, 2020 Categories Branding Tags masonry \u00a0 Next Projects…<\/p>\n","protected":false},"featured_media":4474,"parent":0,"template":"","projects_cat":[20],"projects_tag":[19],"class_list":{"0":"post-2072","1":"projects","2":"type-projects","3":"status-publish","4":"has-post-thumbnail","5":"hentry","6":"projects_cat-work","7":"projects_tag-work","8":"nt-post-class","9":"","12":"excerpt-none"},"acf":[],"_links":{"self":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/2072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/types\/projects"}],"version-history":[{"count":5,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/2072\/revisions"}],"predecessor-version":[{"id":4483,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/2072\/revisions\/4483"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/media\/4474"}],"wp:attachment":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/media?parent=2072"}],"wp:term":[{"taxonomy":"projects_cat","embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects_cat?post=2072"},{"taxonomy":"projects_tag","embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects_tag?post=2072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}