Augment Landing Page Redesign

Client: Augment Scope: Desktop + Mobile Responsive · Figma Design + Framer Development Role: Web Designer & Framer Developer

Augment approached us to reimagine their landing page — moving from a layout that no longer reflected the maturity of the product to a conversion-focused experience that communicates value within seconds. The goal was a clean, modern page that holds up across devices and remains easy for their team to maintain post-launch.

The existing page suffered from three core issues: a cluttered hero that buried the value proposition, weak visual hierarchy that made scanning difficult, and a static build that required engineering for even minor edits. Augment needed a redesign that solved all three without losing brand consistency or slowing down their go-to-market.

We ran the project in two tight phases:

Phase 1 — Design in Figma. Began with a brand and competitor audit, mapped a new information architecture around a single conversion path, and built a desktop-first design system with mobile breakpoints. Delivered high-fidelity mockups with interaction notes, hover states, and component variants.

Phase 2 — Build in Framer. Translated the Figma file into a fully responsive Framer site using CMS-driven sections, reusable components, and scroll-triggered animations. Optimized for Core Web Vitals and handed off with a structure their team can edit directly — no dev dependency for copy, imagery, or new sections.

Sharper hero section with a single value statement, supporting visual, and one primary CTA above the fold

Modular content blocks for features, social proof, and use cases that can be reordered or duplicated

Refined typography and spacing system aligned with Augment's brand identity

Mobile-responsive at every breakpoint, with layouts re-thought for touch rather than scaled down

Editable in Framer by non-technical team members

A landing page that loads faster, reads cleaner, and converts harder — shipped live and fully owned by the Augment team. The new system gives them room to iterate on messaging without a redesign cycle, and a foundation they can extend to future pages.