Fathima Ashraf

Designer at Memetic

← Back

Supermemory

Website Redesign & Design System · 2026

Supermemory is building the memory layer for AI. I redesigned five pages of their website — homepage, plugins, Nova, research, and about — and built a design system to bring consistency across the product. Each page had its own audience and a specific job to do.

UI DesignWebsite RedesignDesign SystemsFigma

Context

Supermemory operates across multiple surfaces and audiences — enterprise developers building with the API, prosumers connecting their tools, and consumers using Nova, their embedded agent experience.

The website had grown to cover all of this, but the pages weren't working together. Each audience had a different need, and the design wasn't giving them a clear path in.

The challenge

The challenge wasn't one problem — it was several layered together. The homepage had to convert developers while also signposting prosumers. The plugins page had to explain a new memory paradigm for AI tools. Nova needed its own visual identity as a consumer experience. The research page had to establish technical credibility. The about page had to communicate conviction.

Underneath all of it, the lack of a shared visual foundation meant each page had grown slightly inconsistent. The design system was meant to fix that.

Homepage

The homepage leads with the developer audience — the memory layer for AI agents. I sharpened the headline, simplified the layout, and reorganized the sections to move from value proposition through integration paths to social proof.

The goal was to convert, not just introduce.

Two audiences, one page

One structural challenge on the homepage was holding both enterprise and prosumer audiences without losing either.

I introduced a clear split after the hero — enterprise on the left, prosumers on the right — so each path could be read on its own terms without the page feeling like two different sites.

Plugins page

The plugins page had a specific job: explain the core pain — AI tools that forget everything between sessions — and show how Supermemory fixes it across Claude Code, OpenCode, OpenClaw, and Chrome.

I built the page around the before/after contrast, leading with the problem so the solution landed harder.

Nova

Nova was the consumer-facing side of Supermemory — an embedded agent experience for personal knowledge. It needed a different visual register from the developer homepage: more personal, more experiential, less technical.

I designed the Nova page around the experience of interacting with your own saved knowledge, using the interface itself as the primary storytelling device.

About

The about page was about conviction. Supermemory is building infrastructure — a long-horizon bet on how AI memory should work. The page needed to communicate that mission clearly, introduce the team, and show investor backing without feeling corporate.

I treated it more like a manifesto than a company overview.

Design system

Alongside the website, I built a design system starting from the existing product dashboard. I defined foundational rules for spacing, typography, layout behavior, and component structure — then translated these into reusable building blocks.

The goal was a shared vocabulary that reduced per-screen inconsistency and gave engineering a clearer structure to build from.

Outcome

Five pages, each with a clear job. A design system to hold them together.

From

Separate pages, different visual languages

To

One product family, coherent across every audience