Work

Website design projects and the thinking behind them.

A closer look at how we approach visual design, site structure and responsive experiences. Our first featured example is a self-directed concept project.

Featured concept project

Riverstone Outdoor Services

  • Fictional Concept Project
  • Case Study Included
View Full Project + Case Study Explore the Live Demo (opens in a new tab)
Riverstone Outdoor Services concept homepage on desktop: a lit house and garden at dusk with the headline “Beautiful Landscapes. Less Hassle.” and a banner stating it is a fictional demo website.

A self-directed website concept for a fictional landscaping business, built to show how thoughtful design, clear service pages and responsive layouts can work together.

Riverstone is a fictional business. The live demo opens in a new tab, and its quote and contact forms are display-only.

Inside the case study

  1. 01The Brief
  2. 02The Design
  3. 03The Structure
  4. 04Responsive Decisions
  5. 05Quality Review
  6. 06What We Learned
Business
Landscaping and outdoor care
Our work
Website Design • Framer
Project type
Concept site + case study
Scope
14 pages, including 6 CMS service pages

Explore the screens

The released site at real widths.

Screens from the published Riverstone demo site, cropped for presentation.

Explore the Live Demo (opens in a new tab)
The Riverstone concept site's services overview on desktop: three service cards for tree pruning, seasonal planting and lawn care.
Desktop · Services overviewService cards lead to the six CMS-driven service pages.
The Riverstone concept site on a phone, showing its “An Approach Built Around Your Property” section.
390 px · Approach sectionCards and imagery restacked for phones.
The Riverstone concept site's open phone menu with large links to About, Services, Portfolio, Reviews and Contact, below the fictional-demo banner.
390 px · Open menuLarge tap targets for every link.

What each project shows

The craft behind the screens.

  • Visual design

    Typography, color and imagery chosen to suit the business, with clear hierarchy on every page.

  • Site structure

    Navigation and page organization that help visitors find services, examples and contact details quickly.

  • Responsive experience

    Layouts, menus and image crops checked at desktop, tablet and phone widths before launch.

Your project could be next

Let’s plan a website built around your business.

Tell us what you do and what you need your website to accomplish. We’ll reply by email with a practical next step.

Start a Project See How It Works

Run a landscaping or lawn-care company? See website design for landscaping companies.