A high-converting marketing experience for a team chat product, designed in Figma and shipped live in Webflow with a clear hero, trust-building proof, and one strong call to action.
I wanted to design and ship a responsive marketing page for a team chat product rather than leave the work as a static mockup. The challenge was simple but important: turn a visitor into a sign-up through clear messaging, strong trust signals, and a frictionless path to action.
This was a self-initiated project, so I defined the audience as small teams and startups looking for a simple chat tool and built the page around the hesitation they would likely feel before committing.
I structured the page around the way a visitor actually decides, so each section answers a specific question before asking for the next action.
To make the page feel like one coherent product, I built it around a consistent visual system with strong hierarchy, rhythm, and spacing. Type scale, spacing, button styling, and section rhythm were kept consistent so the experience felt polished from top to bottom.
I designed it in Figma first to lock in the visual system, then rebuilt it in Webflow so it could live as a real, responsive experience across mobile, tablet, and desktop.
WAVE audit: the first pass flagged colour-contrast issues and a missing document language attribute. These were then corrected to improve readability, structure, and screen-reader interpretation.
Accessibility became part of the design process rather than a final polish step. It shaped the choices for contrast, hierarchy, and overall clarity from the start.
