<?xml version="1.0" encoding="utf-8"?>
Open full project

Variation 1: White Home Page

This variation focuses on a clean and minimal landing page to ensure clarity and trust for potential customers. By using a white background, the design highlights the brand identity, service offerings, and call-to-action buttons without distraction. The goal was to create a professional, modern, and approachable interface that builds credibility and encourages users to connect with the roofing contractor.

Key Highlights:

  • Clean white background for clarity and professionalism.
  • Emphasis on key services and call-to-actions.
  • Simple layout for user-friendly navigation.

Roof Recovery – Local Roofing Contractor 1

Variation 2: Image Background with Overlay

The second variation explores a more visually engaging approach, using a real roofing-related background image with an overlay. This design adds depth and context, immediately connecting users with the industry while maintaining readability of the text. The overlay ensures contrast, allowing the call-to-action and brand message to remain prominent.

Key Highlights:

  • Real-life background imagery to create authenticity and visual impact.
  • Overlay for readability and balance.
  • Strong visual storytelling to build trust and connect emotionally with users.

Roof Recovery – Local Roofing Contractor 2

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Nice clean variations, Prince — just refine small details like menu legibility and CTA wording, and you’ll have an even stronger, more polished landing page!


Roof Recovery redesign is literally through the roof!

I’m assuming this is a redesign, since the reference link on the project shows a different design. I also think this kind of style will appeal more to Gen Z and millennials with its modern navigation, bento layout, and friendly edge shapes. Then again, how many in those generations actually own homes and are willing to go as far as getting their roofs recovered 😅. That’s probably why most roofing websites look straightforward and a bit “dated” because they are designed with their real target market in mind.

Even so, your redesign is well-framed and solid. A few things that caught my eye are:

  • Reduced legibility in Variation 2 of the main menu. If you kept it black text on yellow, it would still match the rest of the design while keeping the legibility intact.
  • In the offering section, you wrote “exclusive selection on top-rated items meticulously chosen…” but the image shows a roof flipped vertically on the top right. I get that image constraints are tough, but it should not stray too far from the message.
  • Why does the CTA say “Join Now” in Roof Recovery's profile section? Is it an organization or a community? “Book Now” would be more suitable, or even leaving it at the last paragraph “…call us today for a free estimate…” would make sense.
  • As an expert and top-rated roofer in Sacramento who is meticulous, you really have to live up to the standard. Having misalignment in the footer section, specifically in the “service” column, feels like a small bummer.

All in all, it is a strong concept and a bold improvement over the usual roofing site approach. With a few adjustments, it could really raise the bar for this niche.


8 Claps
Average 4.0 by 2 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>