printable quick reference guides for ECHO

Your users are standing in a conference room, holding their phone, looking at a QR code taped to a table. They have no idea what your app does. They need to start recording in the next 30 seconds before the discussion begins.

That’s ECHO’s actual usage context. Town halls, consultations, stakeholder interviews. Participants scan a QR code, record a conversation, host gets analyzed insights.

We’d been handling this with a Google Doc template. The host would:

Open the template
Replace the QR code image
Update instructions for the specific event
Export to PDF
Send to client for printing

Five steps. Every time. For every event. And the template was only in Dutch.

ECHO-648: kill this workflow. Generate the guide directly in the app as a downloadable PDF.

What’s on the guide:

Project name
QR code (auto-generated)
Logo (Dembrane default, or partner logo if white-labeling is enabled via ECHO-644)
4-step participant flow: Scan QR, enter name/topic, start recording, press STOP
Critical device instructions: “Turn OFF battery saver” and “Screen must stay ON during recording”

Those last two bullet points are the most important thing on the entire page. ECHO-637 in our current sprint is literally a bug where transcription fails when screen auto-dims. The RangeError happens because the audio stream gets interrupted when the phone goes to sleep. The quick reference guide is the user-facing fix for a technical limitation.

Design decisions:

Landscape orientation (sits next to a QR code on a table)
One page max (nobody reads page 2 at an event)
Customizable language (6 languages supported)
Big QR code, big text, minimal decoration

Old workflow: 5 steps, requires the host to know how to edit templates. New flow: go to project settings, click “Download Guide”, print.