Framer Site for Mail, Docs & AI That Works Everywhere
Larry Anderson
Overview
Framer build for Superhuman’s new suite positioning: Mail, Grammarly, Coda, and Go—framed as “Superpowers, everywhere you work.” The site narrative demonstrates a proactive AI assistant that understands context across apps and tabs, helping users draft, schedule, and decide faster. Emphasis on enterprise readiness, trusted-by logos, and clear paths to “Get Superhuman,” “Learn more,” and “Contact sales.”
What I Delivered
Conversion‑Focused UX: Impact hero with inline product micro‑demos (meeting scheduling, proofreading, summarizing) and primary CTAs: Get Superhuman, Learn more, and Contact sales.
Product Suite Pages: Modular sections for each product with benefits, “learn more” deep links, and consistent visual language.
Mail: Speed, follow‑ups, AI replies that match your voice, claim of saving 4 hours weekly.
Grammarly: Tone‑adaptive AI, clear and credible writing, works everywhere.
Coda: AI workspace for wikis, plans, goal trackers; 800+ integrations and single source of truth.
Go: Proactive AI overlay that works in every app; schedules meetings, pulls the right info in‑context.
Enterprise Readiness: Dedicated sections highlighting platform breadth, collaboration, and security/trust links.
Agent Store/Platform Hooks: Entry points for builders to extend Superhuman with platform apps.
Signal‑Rich Social Proof: “Trusted by the most innovative companies,” plus narrative block “Becoming Superhuman” to convey vision.
Pricing/Contact Paths: Clear nav to Pricing and Contact Sales; friction‑light signup flow.
Framer Implementation
Component System: Reusable hero, product feature rows, testimonial/brand rows, FAQ accordions, and CTAs; global color/typography tokens for rapid iteration.
Variants & Props: Product modules driven by props for title, bullets, and media; easy duplication for future additions.
Responsive Layouts: Fluid grids with breakpoint‑aware spacing and typography scales for desktop→mobile parity.
Performance: Optimized media, lazy loading, Framer’s CDN, and minimal layout shifts for smooth perceived speed.
Analytics & Events: Click tracking on suite CTAs, product “Learn more,” signup, and contact; outbound link attribution.
Accessibility: Semantic headings, focus styles, descriptive alt text, and reduced‑motion preferences respected.
Results
Clear product differentiation within a cohesive suite story, improving click‑through to each pillar (Mail, Grammarly, Coda, Go).
Improved trial and sales motions via strong top‑of‑funnel CTAs and enterprise trust links.
Extensibility for platform growth with a composable component system ready for Agent Store and partner showcases.
Like this project
Posted Mar 17, 2026
Framer build for Superhuman’s suite—Mail, Grammarly, Coda, Go—with micro‑demos, clear CTAs (Get Superhuman/Contact Sales), and strong enterprise trust.
Likes
4
Views
1
Clients
Superhuman
