Top Tier Strategies
Top Tier Strategies / Consumer Site

Design directions for the public site. Pick the feeling.

Homepage concepts for the public site. The top two groups are the current picks; everything below is earlier exploration. Click any card to open it in a new tab.

Trust direction, headline sizes for Dan · pick a headline weight
H1

Headlines: Dialed Back

The full-width Trust layout JR liked. Headlines toned down from the original in weight and size, body text unchanged. This is the mildest reduction. New hero headline: take a photo, get three design options.

View concept →
H2

Headlines: Medium

A clear step lighter and smaller on every headline, with the giant step numbers pulled in too. Body text the same.

View concept →
H3

Headlines: Quiet

The smallest, lightest headlines for the calmest read. Body text the same. The other end of the range from H1.

View concept →
Trust direction, color palettes for Dan · pick a palette
P1

Palette: Navy

The cool navy palette, credible and structured, the fintech read. Same headline size across all three palettes.

View concept →
P2

Palette: Red

Red as the accent on a white background, with logo grays carrying the dark bands. Crisp, not red on red.

View concept →
P3

Palette: Warm Earth

Terracotta accent and deep green bands on warm tan. Softer and grounded, less corporate.

View concept →
Trust direction, material accents new · a nod to the material board
M

Material Accents

The navy Trust layout with a gentle nod to the material board everyone liked: a light concrete texture on the step cards, pushpins on the testimonials (one of them green), and a strip of green masking tape on the financing card. Subtle, not the full material treatment.

View concept →
Chosen direction, contained layout reworked · June 17
01

Softened: Font & Air

The winning Brutalist layout, but contained instead of edge to edge. The how-it-works steps and the vetting checks become cards with white space around them, type dropped a few points, bold headers with warm fine print underneath. Keeps the sharp brutalist buttons. Hero has the real camera capture: snap your room, get three design options.

View concept →
02

Softened: Warm Weld

The friendly pole. Soft rounded cards on warm paper with gentle shadows, the how-it-works steps rebuilt as a vertical timeline, pill buttons, and navy used to calm the dark areas. The merge of strong and approachable. Hero camera capture returns three designs.

View concept →
03

Softened: Trust-Forward

The fintech pole. Navy-forward and credible: a numbers band rides high under the hero, how-it-works is a stepped rail, and the vetting checks collapse into one verification panel. Crisp contained cards. Hero camera capture returns three designs.

View concept →
Chosen direction, full-width layout the first pass, edge to edge
04

Full-width: Soft

The original edge-to-edge brutalist layout. Full-bleed bands, hard borders, no gaps, neutral palette, sharp orange buttons. The strongest, most direct read. Same corrected camera hero as the contained set.

View concept →
05

Full-width: Warm

The full-width brutalist layout on warm paper, with navy doing the dark bands and rounded buttons. The lighter-touch warm take, still edge to edge.

View concept →
06

Full-width: Trust

The full-width brutalist layout, navy-forward, with the credibility numbers band high under the hero. The fintech take at full width.

View concept →
Concept-led directions memorable, metaphor-driven
01

Before / After

Drag-to-reveal transformation as the whole site. Wipe a damaged room across to its finished after. The site performs the change it sells.

View concept →
02

The Estimate

The site as an honest contractor's itemized estimate and punch list. Graph paper, rubber stamps, checked-off lists. Anti-slick and radically transparent.

View concept →
03

Material Board

The interface built from real materials: wood, concrete, drywall, brushed metal, paint chips, pinned like a designer's sample board. Tactile and premium.

View concept →
04

The Blueprint

The whole experience drafted like architectural plans. Dimension lines, a title block, and a house that draws itself then becomes real. Precise and warm.

View concept →
05

Jobsite

The real visual language of a construction site. Hi-vis, hazard stripes, caution tape, stencil type. The far swing, raw and confident.

View concept →
06

The Build

A house that builds itself from a blueprint, then never sits still. Technical drafting meets a warm finished home. Our own animated hero, made into a full page.

View concept →
First studies layout explorations
07

Editorial Confidence

Premium, magazine feel. Expressive headline type, lots of air. Reads like a brand that respects you.

View concept →
08

Bold Modern

High contrast and energetic. Big type, color blocking, confident accents. A sharp brand that has its act together.

View concept →
09

Fintech Trust

Crisp, structured, credible. Clean grid, navy with proof everywhere. Feels like a service you trust with money.

View concept →
10

Warm Approachable

Friendly and human. Rounded shapes, spot illustrations, lots of breathing room. Welcoming and low-anxiety for a stressed homeowner.

View concept →
11

Brutalist Direct

Raw and honest. Hard borders, mono labels, no gloss. The anti-slick option for people burned by glossy marketing.

View concept →
12

Refined Minimal

Understated and considered. Hairline rules, elegant type, lots of negative space. Premium without the noise.

View concept →