Daylit: Site & AI Skills Training
Webflow Developer · Fintech
On behalf of We Are Elevated
Redesign and new builds on an A/R-automation fintech's Webflow site, including a gated AI Skills Training platform with video watch-gates and in-browser certificates. Now an ongoing retainer.
Overview
Daylit, an accounts-receivable fintech, already had a live Webflow site when Elevated brought me in. The engagement was redesign and expansion: improve existing pages, build new sections from Figma, and add a product the site did not have, a certificate-issuing training program for finance professionals, hosted entirely inside Webflow with nothing extra to run. My new sections are hand-written HTML, CSS, and JavaScript with no build step, added carefully to a production site that was already running GSAP, Finsweet Attributes, and jQuery before I arrived. I provisioned the CMS content model by script through the Webflow Data API, dozens of fields and multi-reference collections, including the editorial case-study system. The AI Skills Training platform chains course modules behind a 90 percent watched video gate with prev and next progression and mark-as-complete tracking. The product runs without a backend: each learner's certificate is generated in the browser with pdf-lib, their name and award date on the designed template, ready to add to LinkedIn. The training platform is live at daylit.com/ai-skills, and the client's team grows the content through the CMS. Daylit became an Elevated retainer, and I maintain the site today.
Technical highlights
- New sections hand-written in HTML, CSS, and JavaScript with no build step, added to a live production site.
- CMS content model provisioned by script through the Webflow Data API: dozens of fields and multi-reference collections.
- YouTube video gating, 90 percent watched plus ended, unlocking module progression.
- Client-side PDF certificate generation with pdf-lib.
- HubSpot form bridges for gated downloads.
What shipped
- Gated multi-module e-learning course
- 90%-watched video gates with module unlock chains
- In-browser PDF certificates, shareable on LinkedIn
- CMS model provisioned by script via the Data API
- Editorial case-study system with stats collections
- Redesigned and new sections on a live production site
- HubSpot-gated toolkit downloads
Stack
Webflow, JavaScript, pdf-lib, HubSpot, Webflow Data API, E-Learning, Fintech
Screens
