Skip to content
VertexStudios

Case studies

Five redesigns, start to finish.

Each of these is a self-initiated concept redesign of a fictional local business. Drag the slider to compare the old site with the new one, then read what changed and why it matters.

Outcomes describe what each redesign is designed to improve, not audited client results.

Rivera Landscaping — What changed
Rivera Landscaping — What held it back
BeforeAfter

Use the left and right arrow keys to compare before and after.

Drag to compare

Case studies 01Landscaping

Rivera Landscaping

The brief

A well-reviewed crew with a site that looked older than their trucks. Quote requests arrived by phone only, and never after hours.

What held it back

  • Dated layout with no visual hierarchy
  • Quote request buried three clicks deep
  • Photos too small to show craftsmanship
  • Unusable on a phone in the field

What changed

  • Full-width project photography above the fold
  • “Request a Quote” as the single primary action
  • Services grouped into four plain-language cards
  • Mobile-first layout with tap-friendly buttons

Outcome

1
primary action per screen instead of nine competing links
24/7
quote requests captured through the form, not just phone calls
3s
target load time on a mid-range phone
Apex Auto Detailing — What changed
Apex Auto Detailing — What held it back
BeforeAfter

Use the left and right arrow keys to compare before and after.

Drag to compare

Case studies 02Auto detailing

Apex Auto Detailing

The brief

Premium work priced like a premium service, presented on a page that read like a classified ad. Customers asked for prices before booking.

What held it back

  • Plain page with hard-to-read color choices
  • No pricing anywhere on the site
  • No clear next step after reading
  • Results photos scattered and unlabeled

What changed

  • Premium dark treatment that matches the work
  • Three service packages with prices in view
  • Booking call-to-action fixed in the header
  • Structured before/after vehicle gallery

Outcome

3
packages with visible pricing, so fewer “how much?” emails
2
steps from landing to a booking request
100%
of service pages end with a clear next step
Northside Barber Co. — What changed
Northside Barber Co. — What held it back
BeforeAfter

Use the left and right arrow keys to compare before and after.

Drag to compare

Case studies 03Barber shop

Northside Barber Co.

The brief

A neighborhood shop that fills its chairs by reputation, held back by a page where hours and booking were the hardest things to find.

What held it back

  • Template page with mismatched fonts
  • Hours hidden at the bottom of a paragraph
  • Thumbnail photos of the shop and cuts
  • No online booking path at all

What changed

  • Editorial layout built around shop photography
  • Hours, address and phone in the first screen
  • Book Now button repeated at every scroll depth
  • Barber and service list with pricing

Outcome

0
scrolling needed to find hours and location
4
places a visitor can start booking
1
tap to call from a phone
Tony's Family Restaurant — What changed
Tony's Family Restaurant — What held it back
BeforeAfter

Use the left and right arrow keys to compare before and after.

Drag to compare

Case studies 04Restaurant

Tony's Family Restaurant

The brief

Twenty years of loyal regulars, and a website from the year it opened. The menu was a slow download instead of a page.

What held it back

  • Tiled background and clashing display fonts
  • Menu locked inside a downloadable file
  • Small, unappetizing food photography
  • No reservation path for evening guests

What changed

  • Warm editorial design with a full-width dish
  • Menu highlights readable directly on the page
  • “Reserve a Table” as the primary action
  • Hours, address and phone in a persistent footer

Outcome

0
downloads required to read the menu
1
clear reservation action on every screen
2x
larger food photography on mobile
Smilewell Dental — What changed
Smilewell Dental — What held it back
BeforeAfter

Use the left and right arrow keys to compare before and after.

Drag to compare

Case studies 05Dental clinic

Smilewell Dental

The brief

A modern practice represented by a site that felt clinical and cluttered. New patients could not tell how to book.

What held it back

  • Gradient header and clip-art branding
  • Dense paragraphs of blue underlined links
  • Sidebar crowded with competing buttons
  • Appointment request hidden in a form page

What changed

  • Calm, spacious layout with real clinic photography
  • Book an Appointment button in the header
  • Three service groups written in plain language
  • Patient reviews placed beside the booking action

Outcome

3
service groups replacing eighteen sidebar links
1
booking action, present on every page
AA
contrast target across text and buttons

Your site could be the next one on this page.

Tell us what you have today and we'll come back with what we'd change, a realistic timeline, and clear pricing.