SUPERANNOTATE2026
Overview

Rebuilding a high-traffic AI website with an AI-native workflow.

SuperAnnotate's website was live, indexed, and receiving significant traffic. The work combined a website redesign with a migration from Webflow into a Cursor-based production workflow. Existing routes, search visibility and the live experience were preserved.

Role
Product Designer
Focus
Website Redesign / UI System
Workflow
Figma → Cursor
Scope
Responsive Design / Multi-page Migration
Status
Live

ContributionWebsite Redesign · UI System · Responsive Design · Legacy Migration · AI-assisted Implementation · QA & Release

Website redesign

The redesign kept the existing content and page purpose while introducing the new visual system, stronger hierarchy, and clearer product storytelling.

Before Legacy Webflow experience
SuperAnnotate page in the legacy Webflow design
After Redesigned experience
The same SuperAnnotate page redesigned in the new visual system
The constraint

The website couldn't simply be rebuilt

SuperAnnotate already had an established website with indexed pages, existing traffic, and URLs used across search and external links. The redesign had to preserve that structure while moving the experience into the new visual system and production workflow.

Existing URLs
Preserve established page routes.
Search visibility
Avoid disrupting indexed pages during migration.
Content structure
Retain existing content and hierarchy where required.
Live experience
Move pages without unnecessarily disrupting the production website.
Workflow

A repeatable workflow from
legacy pages to production.

I used structured prompts and reusable migration rules to translate existing Webflow pages into the new SuperAnnotate design system, then reviewed and refined each implementation before release.

PROMPTRECONSTRUCTED MIGRATION PROMPT
Reconstructed migration prompt in Cursor
BEFOREWEBFLOW / BEFORE
Legacy AI Data Services section in Webflow before migration
PRODUCTIONCURSOR / AFTER
Migrated AI Data Services section in the live Cursor implementation
Scale

One migration system.
Many page types.

Each page type needed its own migration rules within one consistent production system.

A / PRODUCT / TOOL
SuperAnnotate Data that moves your model product capabilities
B / FEATURE / SOLUTION
Current SuperAnnotate AI Startups solution page
C / SPECIAL / EDITORIAL
SuperAnnotate Why frontier labs work with us editorial experience
Migrated at Scale

Dozens of existing routes moved into the new system with their content and structure intact.

SuperAnnotate /video-annotation page
/video-annotation
SuperAnnotate /text-annotation page
/text-annotation
/image-annotation-tool
/sports
/agriculture
/aerial-imagery
Outcome

Same routes.
New implementation.

Existing URLs stayed the same while the implementation moved from Webflow to Cursor.

  1. 01 / TOOL PAGE
    WEBFLOWsuperannotate.com/annotation-tool
    WEBFLOW → CURSOR
    CURSORsuperannotate.com/annotation-tool
    UNCHANGED
  2. 02 / FEATURE PAGE
    WEBFLOWsuperannotate.com/automation
    WEBFLOW → CURSOR
    CURSORsuperannotate.com/automation
    UNCHANGED
  3. 03 / SPECIAL PAGE
    WEBFLOWsuperannotate.com/webinar
    WEBFLOW → CURSOR
    CURSORsuperannotate.com/webinar
    UNCHANGED
WEBFLOW→CURSOR

A high-traffic website moved into an AI-assisted development workflow without losing its existing routes or search presence.

Existing routes preserved · Production site maintained · Prompt-driven workflow

Visit Live Site →
→

Let's build something worth using.

Available for product design roles, long-term product partnerships, and freelance engagements.