f.0120 / work / 01 · Node-RED product film

Node-RED product film: Press Deploy and the wires light up.

Node-RED lets people wire devices and online services together as flows on a canvas. A finished flow sits still on the screen. What matters happens after you press Deploy, so the film shows messages travelling down the wires as pulses of light, a bit like current.

01 / 05 · Automation · 0:20

f.0420 / the idea

The idea.

The editor is the real Node-RED, run locally with a fictional smart-office flow.

Sound

  • Electric whooshes follow the wires, so the flow sounds powered before anything is deployed.
  • Deploy gets the most weight in the film: a tap, a bass hit and a success sound.
  • Music is a licensed driving house track, kept low under the voiceover.

Formats

16:9 and 9:16 from one project. The type and camera moves are laid out again for the narrow frame, and the end title sits in the middle of the screen.

Still from the OVERSHOOT film about Node-RED, vertical cut at 0:18.2: Vertical end title, "Low code. High voltage."
9:16 · 0:18.2

Facts

  • Length0:20
  • Formats16:9, 9:16
  • Made fromThe app's own interface, run locally, with a fictional smart-office flow
  • VoiceoverProduced in-house. Human voice actor on request.
  • Sound designIn-house, licensed music
  • StatusSelf-initiated, not commissioned

f.0840 / the film

The film.

0:00 to 0:03
Connect anything. On a dark field, nodes such as Temp sensor, Webhook and Dashboard pop in, and red wires draw between them with pulses running along.
0:03 to 0:06
The editor. A tilted push-in on the Node-RED editor, with pulses still running on the wires.
0:06 to 0:10
Drag, wire, deploy. A node is pulled from the palette and dropped onto the canvas. The wires light up one by one, Deploy is pressed and "Successfully deployed" appears.
0:10 to 0:15
Messages stream. The camera pans to the debug sidebar as sensor readings and alerts scroll in.
0:15 to 0:20
The end title. "Node-RED" springs in with "Low code. High voltage.", lightning bolts and a short screen shake, then the OVERSHOOT credit.
  • Still from the OVERSHOOT film about Node-RED at 0:03.0: Nodes and glowing wires on the dark field
    0:03.0Nodes and glowing wires on the dark field
  • Still from the OVERSHOOT film about Node-RED at 0:06.0: Tilted push-in on the editor
    0:06.0Tilted push-in on the editor
  • Still from the OVERSHOOT film about Node-RED at 0:08.3: Close on the flow as the wires light up
    0:08.3Close on the flow as the wires light up
  • Still from the OVERSHOOT film about Node-RED at 0:09.0: The Deploy button glowing as it is pressed
    0:09.0The Deploy button glowing as it is pressed
  • Still from the OVERSHOOT film about Node-RED at 0:13.8: Debug sidebar full of sensor messages
    0:13.8Debug sidebar full of sensor messages
Next film: Webamp All five films

f.1320 / launch

Want one for your app?

A film like this one is closest to Launch, €890: voiceover, full sound design and three formats. Developer tools tend to use the wide cut on the docs or release page and the vertical one on social. Starter, from €400, comes with music and UI sound and no voiceover.

Write to hello@overshoot.cz with a link to your app or repository.

Plan a launch See all prices

Launch

fixed price€890

  • Hero film up to 30 seconds
  • Voiceover, produced in-house (human voice actor on request)
  • Full sound design and captions
  • 3 formats of your choice
  • 2 revision rounds
  • 10 to 15 working days after you approve the script