INDIZILLA Talk to us
Marketing OS Research Services Tools Pricing Studio Market
More
25% off your first order, until Black Friday. Use FIRST25 at checkout
Home / Design directions / Live Product
Direction 04 of 14

Live Product

Sell the product by running it on the page. A workflow canvas you can drag, a console that publishes, a week that fills in front of you.

In use here 1 page 97 interactive controls on the home page
Right for

Software, or any service whose value is invisible until somebody watches it work. If your demo is currently a screenshot, this is the direction.

Where the product is invisible until it runs

live product
Live Product as it was built: Sell it by running it
The brief it came from

A landing page for a piece of software that does not describe the software.

Open it

The whole thing is standing, every page of it, built on the same prices and the same mark as this site. It is marked on every screen as a direction rather than the live site, and the figures printed inside it are the ones published on the day it was built.

The brand design

How it was built to look like itself.

Palette
  • #F3F4F6Paper
  • #14161AInk
  • #DAFE31Lime
  • #5C6B00Lime ink
Type

Archivo

500 at 86.4px, tracking -3.456px

Set with IBM Plex Mono for every label, so that software reads as software.

Shape

Software gets a radius. Everything else stays square. The distinction is load bearing.

Motion

The canvas is the motion. Nodes drift, connectors follow them every frame while on screen, and a dragged node rides on top and settles clear.

The one device

A workflow canvas that is genuinely draggable, with the auto-played story standing down for good the moment a visitor touches it.

What it does better than the rest

This is where the rule that governs everything else was found: show the product working, or do not mention it. Its canvas is on this site today.

What it costs you

A working miniature costs several times what a screenshot costs to build, and it has to be maintained when the product changes. It is worth it exactly once: on the page that has to convert.

The rule it taught us

A screenshot is a claim. A running miniature is evidence. If a thing can be shown working, show it working.

WhatsApp Call