PROJECT OVERVIEWWEB APPLICATION
Raven — a promo account with levels
An account for participants of a promo campaign for equipment sellers. A participant signs up, invests in promoting their products and moves up the levels: each has its own goal, its own prize and its own version of the raven mascot.
- Role
- Frontend developer
- Timeline
- 2026, May — August
The challenge
Build the account and the forms so that a ready Tilda page could embed them with a single script without touching its styles, and show the progress of a participant from the API.
What the solution includes
- Embedding with a single script: the app lives in Shadow DOM, apart from the styles of the page, while fonts and the rem scale go into its <head>.
- The loader takes the current bundles from version.json, so a new version reaches the site with no changes on its side.
- Levels with an investment goal, progress and prizes; the next level stays locked until the current one is done.
- Sign-up and sign-in dialogs, a separate form widget on the page, and dialogs opened from any button of the site by its class.
- Sign-in by a one-time link, a token in a cookie, field validation and input masks.
- A responsive layout with separate illustrations for phones.
A commercial team project: the frontend built from a ready design. Screenshots are from a test build with test data; the partners' logos and names are hidden.