RankFrame is a native SEO toolkit for Framer, built for creators who want their sites to rank without ever leaving the canvas. It sits in the gap between scattered single purpose plugins and heavy external SEO platforms, designed around the way Framer sites are actually built, shipped, and updated. It is a 7 Seers Media product, designed and developed in Framer from end to end.

The brief was singular. Bring every part of the SEO workflow into one plugin that lives inside Framer, and make a genuinely technical product feel calm enough that a solo maker and an agency team can both run it without a specialist. Schema, keywords, image alt text, performance, indexing, and broken link monitoring, all in one place, all without code.

The entire product was designed and built in Framer, from the plugin interface to the marketing website, alongside Utkarsh Chaudhary. The visual direction is a quiet dark interface carried by a single magenta accent, a system of cards, clear hierarchy, and a live SEO Score that gives the whole tool a sense of progress. The plugin opens on a score badge reading 82 Excellent, a left rail that moves between Global Settings, Pages, Submit Indexing, SEO Analyzer, and Image SEO, and an account area that holds the plan, the billing, and a one tap recrawl.

The plugin. The architecture centres around the idea that SEO should be native to the tool you design in, and that every module earns its place:

Global Settings, Basic. Page titles and descriptions with live character counts, and an AI writer that drafts on brand titles and descriptions in a single click.

Global Settings, Keywords. Focus keyword injection per page, with search volume, difficulty, competition, and cost per click read at a glance, and saved keywords tracked over time.

Global Settings, Advanced. Structured data injected as JSON-LD, manual or auto generated, across service, restaurant, article, book, and person and organisation types.

404 Monitor. Watches allowed domains and surfaces broken links before they cost rankings.

Image SEO. Reads every image across the site, splits them by Canvas and CMS collections, counts the ones missing alt text, and auto generates alt copy in bulk on a credit system.

SEO Analyzer. Scores mobile and desktop performance against first contentful paint, largest contentful paint, and cumulative layout shift.

Submit Indexing. Connects to Google to push URLs for indexing, holds a full indexing history, and tracks keyword positions with impressions, clicks, search position, and position history as live data.

Personalization. Stores the brand name and brand story, which lets the AI writing across the product stay in the brand voice.

The marketing website. Alongside the plugin, the full marketing site at rankframe.com was designed and built in Framer, end to end. It carries the product story, the Personal and Agency pricing, an FAQ, a documentation hub, and a blog, and it is wired to convert a technical audience inside the first scroll. The site practises what the plugin preaches, every page tuned with the same SEO discipline the tool gives its users.

The content and SEO engine. The site is backed by a full content system built to rank for its own category. It runs 34 blog articles covering Framer SEO end to end, from schema and indexing to Core Web Vitals and image alt text, and 83 documentation pages covering every feature of the product. The whole library is held together by an internal linking graph, a clean sitemap, and JSON-LD entity IDs for the brand and the software, so RankFrame earns its rankings the same way it teaches its users to.

Built for answer engines, not just Google. RankFrame is optimised for AEO as well as SEO. I wrote a dedicated llms.txt that tells AI systems how to read and summarise the product accurately, with the robots layer opening the site to AI ingestion. The product is built to be found and quoted correctly by ChatGPT, Claude, Perplexity, and Gemini, not only ranked by search.

The result is a product that proves its own thesis by being one of the best ranked Framer sites in its category. RankFrame launched as a complete SEO toolkit on Framer, runs on a credit and subscription model with agency plans, and today the MRR has crossed $130 with total subscription LTV past $700, automating SEO workflows that used to cost creators 120 plus hours a year.

My Role: Founding Designer, Visual Designer, and Framer Developer

Skills: Product Design, Web Design, Web Development, Framer, Framer CMS, Plugin Design, UI Design, Interaction Design, Design Systems, Technical SEO, Structured Data, AEO, Content Strategy, SEO Writing, Editorial Design, SEO

Deliverables: Full Framer plugin interface across Global Settings, Pages, Submit Indexing, SEO Analyzer and Image SEO, marketing website built in Framer at rankframe.com, AI assisted title and description generation, focus keyword management with live metrics, JSON-LD schema injection across multiple schema types, bulk image alt text generation on a credit system, Core Web Vitals performance analyzer, Google indexing and keyword position tracking, 404 monitoring, brand personalization layer, account billing with agency plan management, a 34 article SEO blog, an 83 page documentation library, internal linking and sitemap, and an llms.txt for answer engine optimisation across ChatGPT, Claude, Perplexity and Gemini.