Top Tier Strategies
Top Tier Strategies / Consumer Site

Design directions for the public site. Pick the feeling.

Homepage concepts for the public site. The very top is the leading pick (medium headlines, red and grey Top Tier colors); below it are the headline-size and palette options, then earlier exploration. Click any card to open it in a new tab.

Leading pick medium headlines + red/grey Top Tier colors

The Pick

The full-width Trust layout with medium headlines and the red and grey Top Tier palette. One consistent solid eyebrow label throughout, the vetting box kept neutral and readable, and the Vetted Before Listed mark styled as a button.

View concept →
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 →