Attryb
Category
Marketing Website
/
/
A fast, conversion-focused marketing site for a B2B SaaS - full funnel, landing to contact.
The Challenge
A product selling AI-driven personalization can't ship a slow or generic site - the medium has to match the message. The brief pulled in two directions at once: rich enough to show off interactive, animated product surfaces, yet fast enough that none of that richness costs a visitor their patience. Those goals usually fight. Resolving the tension - heavy interactivity that still loads clean across phones, tablets, and desktops - was the core problem.
What I Built
Landing flow
A bold hero opens with one tagline and one clear call-to-action, then hands off to animated sections that reveal each capability as the visitor scrolls. A sticky nav keeps every part of the site one tap away. The motion is deliberate, never decorative - it paces the read and pulls the eye toward the next thing worth seeing.
Live product demo
The product page lets a visitor try the thing instead of reading about it: they set a few parameters and watch tailored content generate in real time, in the browser. It's the most state-heavy surface on the site, and the one that does the most selling - an app-like interaction, not a screenshot of one.
Pricing
Plans sit in clean cards with a subtle hover lift, and a monthly/annual toggle flips pricing instantly with the annual saving called out to nudge the longer commitment. A focused FAQ sits directly below to clear the usual objections before they turn into reasons to leave.
Contact
The form validates inline as a visitor types - completion feedback and error states surface in real time, so nobody hits submit only to bounce back to a wall of red. A low-friction path from interest to first message.
Content hub
A filterable blog listing groups posts by category for fast discovery, each preview carrying its image, title, author, date, and excerpt. Individual posts get a clean, distraction-free reading layout - generous spacing, estimated reading time, scroll-triggered share buttons, and related articles at the foot to keep a reader moving through the site.
Built as one product
None of these are bolted-on pages. I built them on one component system, one motion language, and one performance budget - so the pricing toggle, the live demo, and the blog filter all feel like parts of the same site rather than five separate builds.
Outcome
The hard constraint was performance, and it held. Careful code splitting, lazy-loaded components, and tight asset discipline kept the site scoring above 90 on Lighthouse across devices — with the interactive surfaces fully intact, not stripped back to hit the number. The result is a marketing site that loads like a static page and behaves like a product: fast enough to keep a visitor, rich enough to convince them.
Let's build yours
Tell me what you're building. Your name, your email, and a few lines about the project — and I'll come back with how I'd approach it.
