Redesign →

00 — Summary · 6 Oct 2026

Keyframe — landing & product audit

Public site (keyframe.art on desktop and mobile, including three sections that ship hidden) and the logged-in app (app.keyframe.art), used end to end with a real brief: a 15-second story ad for a handmade ceramic mug. Benchmarked against seven studios — LTX Studio, FLORA, Luma, Runway, Krea, Higgsfield and Google Flow. 604 of 5,000 credits spent.

Verdict

The product is ahead of the website.#

Quick Start turned a one-paragraph brief into a coherent, four-shot, 15-second film in about three minutes — and the characters, props and sets held from shot to shot. Its storyboard step (references → shots → approve) is the best idea in the app.

The landing page hides all of that: no subhead, no hero CTA, no proof, no pricing, and its strongest line — “Script in. Film out.” — ships behind display:none.

Inside, the gaps are trust and polish: credits spent without asking, a one-click 529-credit render, a “Free credits” button that opens a referral form, three typographic voices, and copy bugs that make a cinematic product look unfinished.

screens captured into Figma
27
film made end to end
1
credits spent of 5,000
604
competitors benchmarked
7

Scorecard

Where it stands today#

Landing page

  • Clarity of the offerA category label, no subhead
  • Proof & trustNo logos, quotes, numbers or credits
  • Path to startFirst sign-up CTA at ~6,900px
  • Craft & visualsFilm-first and confident
  • MobileWorks; the nav overlaps copy

Product

  • First run & guidanceStarter chips, tutorials
  • Core flow, idea → filmStoryboard approval step
  • Output & consistencyCharacters and props hold
  • Cost transparencySilent spend, hover-only prices
  • Consistency & polishThree title styles, copy bugs
  • Depth for pros26 nodes, timeline, MCP, API
Weak — an issue marker on the screens Strong — keep it

Ten things to do

Ranked by impact, with the effort each takes#

Each one points at the evidence in the audit and, where the redesign already answers it, at the live screen that does.

  1. 01

    Landing · High impact · Small effort

    Say what it is in the hero

    Lead with “Script in. Film out.” plus one sentence on consistency, and add “Start free” and “Watch a film” buttons.

    SeeL01 · 1Proposed heroLanding — not part of the app redesign
  2. 02

    Landing · High impact · Medium effort

    Put proof above the fold

    Credited films (creator, brand, runtime), client logos and one real number.

    SeeL01 · 5Landing — not part of the app redesign
  3. 03

    Landing · High impact · Small effort

    Add Pricing to the nav

    And translate credits into outcomes: a 15-second, four-shot film ≈ 600 credits.

    SeeL01 · 2Pricing referencesLanding — not part of the app redesign
  4. 04

    Landing · Medium impact · Small effort

    Show the storyboard, not the graph

    References + shots is the most persuasive screen Keyframe has. Use it on the second screen of the landing page.

    SeeL01 · 6–7A05Redesigned inK·03
  5. 05

    Product · High impact · Small effort

    Make every spend explicit

    Price on the button, a confirm step above a threshold, and a note that drafting references costs credits.

    SeeA05A06B05C03Redesigned inK·02K·05C·06P·02
  6. 06

    Product · High impact · Tiny effort

    Rename “Free credits”

    It opens a referral form. Call it “Invite & earn”.

    SeeA01 · 1F01Redesigned inC·01
  7. 07

    Product · Medium impact · Tiny effort

    Fix the copy bugs

    “the The Potter”, raw **markdown** in templates, “Image Input-1” field labels.

    SeeA05 · 3E01E02Redesigned inK·03
  8. 08

    Product · Medium impact · Medium effort

    Give the film a real result view

    Large player, per-shot redo, share and review links — and lay the cut onto the Canvas timeline.

    SeeA07B06Redesigned inK·07C·03
  9. 09

    Product · Medium impact · Medium effort

    Help people choose a model

    Purpose, price and speed per model; hide legacy and preview entries behind “More”.

    SeeC02F10Redesigned inP·04C·05
  10. 10

    Product · Medium impact · Medium effort

    One type system, one vocabulary

    One display face; one name for Quick Start / storyboard; one meaning for “Templates”.

    SeeAcross the appF02Redesigned inC·01

How to read this audit

Markers, chapters and the redesign#

Every captured screen carries numbered markers. Orange markers are issues, with a severity; green markers are things that work and should be kept. The notes under each screen use the same numbers.

Chapters 01–04 are the audit: context, the landing page, the product and the priorities. Chapter 05 is the redesign — Quick Start, Canvas and Playground rebuilt — and every redesigned screen is a working page in this site, running on mock data.