polyglot — guided demo

This is a guided UX vertical slice of polyglot, a localization platform whose widget lets end users on a customer's production site suggest and vote on translations. Everything you see is real UI; everything behind it is a fake API backed by localStorage. There is no server. "Lumen" is a fictional customer running the widget.

Walk the golden path

1. Open the Lumen fixture site and switch the locale to Deutsch with the selector in the nav.
2. Click the round polyglot launcher in the bottom-right corner and choose Suggest mode. Hovering now highlights translatable strings.
3. Click the big headline. The popup shows the current German translation, the English original, and a list of suggestions from AI and other users — vote one up.
4. Submit your own suggestion. Try the welcome banner ("Willkommen zurück, {name}") to see the placeholder warning.
5. Scroll to the settings panel and click the Einstellungen heading. Two keys share this text — pick the right one from the disambiguation list.
6. Open the dashboard. Your suggestion is in the review queue with an AI verdict and vote count. Approve it.
7. Reload the fixture site: your translation is live.

Open fixture site Open dashboard

Inject it anywhere

The same widget also ships as a single drop-in script — that is the real product's integration story. Paste this into the browser console on any page to mount it there. The injected script runs in free-roam mode: any text on the page can be selected and suggested on, and strings the platform has never seen are captured as ad-hoc keys in that origin's local sandbox.

var s=document.createElement('script');s.src='https://polyglot-slice.pages.dev/widget.js';document.head.appendChild(s);

Note: pages with a strict Content-Security-Policy will block injected scripts.

Design explorations

Three divergent directions for the reworked review dashboard, built as static prototypes over one shared scenario: Dashboard direction mockups (clickdummies).