Develop with Charlene
This workshop follows an over-the-shoulder build of a Squarespace course landing page. Charlene breaks down a reliable sales-page structure, clarifies CTAs, and shows how to organize Figma files, export/names assets, and optimize images. She demos building with Squarespace 7.1’s Fluid Engine, keeping type and copy editable, saving code for last, and dialing in mobile layouts. It wraps with QA habits, clear handoffs, and practical maintenance guidance for clients.
Timestamps:
0:03:39 — Live page & goals: Defining CTAs (enroll/waitlist) and the sales-page objective.
0:06:01 — Page structure tour: Hero, description, video, “who it’s for,” curriculum, proof, FAQs, CTA.
0:16:05 — Prep & assets: Figma organization, exporting, naming, and image optimization workflow.
0:24:50 — Build in Squarespace 7.1: Uploads, sections, Fluid Engine layering, placeholders.
0:42:58 — Code last + mobile: Keep code minimal, make content editable, then handle mobile layout.
0:54:50 — QA & handoff: Final checks, communication, and client maintenance/folder organization tips.