Hashfi
Hashfi

PROJECT // 01

Match The Light

A brand and landing-page redesign for a B2B SaaS company that doubled their top-of-funnel conversion.

Client
Frank & Co.
Role
Brand + UI Design
Year
2024
Duration
8 weeks
Genre
Landing Page
Tools
Figma ยท Webflow ยท After Effects

The Brief

FrankCo was a B2B SaaS doing solid numbers but losing the room on first impression โ€” the old site looked like a 2018 template and the brand system couldn't tell a coherent story across a demo request, a sales deck, and a paid ad. The ask was small on paper and big in practice: redesign the identity and the marketing site in eight weeks without breaking what already worked.

Two constraints shaped everything. One, the sales team shipped dozens of demos a week and couldn't afford a conversion dip during the rebuild. Two, there was no in-house design team after launch โ€” whatever we built had to be maintainable by non-designers.

The Process

I started by watching ten recorded demos back-to-back. The story the sales team told on calls was sharper, warmer, and funnier than anything on the site. That gap became the brief: make the site sound like the best version of the pitch, not a softened version of it.

From there, three parallel tracks:

  • Brand system. A single typographic voice, a restrained palette with one loud accent, and a component library small enough to memorize. Ten components, not fifty.
  • Messaging architecture. Every section answered one question. If a block didn't map to a question a prospect actually asks on a call, it got cut.
  • Build handoff. Webflow, with every component documented in a Loom the marketing team could reference. No Figma-to-Webflow drift.

The Solution

The hero leads with the demo's opening line, not a product tagline. Social proof sits one scroll below โ€” not buried at the bottom, not front-and-center either. The pricing page shows pricing. The demo CTA is the only CTA above the fold.

The identity system keeps a small number of loud moments and lets the rest breathe. A single brand gradient does the heavy lifting anywhere the product needs warmth; everything else is black, white, and type.

What I Learned

The sharpest page I shipped was the one where I deleted the most. Every round of feedback that pulled content back in got pushed against the demo-call recordings โ€” if the sales team didn't say it on a call, it didn't go on the page. That one filter resolved more debates than any design rationale I could write.

OUTCOMES

+200%

Conversion

+40%

Qualified leads

8 weeks

Launch window

CREDITS

Client
Frank & Co.
Role
Brand + UI Design
Year
2024
Tools
Figma, Webflow, After Effects