Client: Augment Scope: Desktop + Mobile Responsive · Figma Design + Framer Development Role: Web Designer & Framer Developer
Overview
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 Challenge
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.
Approach
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.
Solution Highlights
- 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
Outcome
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.