The Advanced Squarespace Course for Web Designers
Taught by official Squarespace Expert with 18,000 hours of real client work, this course is built for web designers who want to stop guessing and start building with a proper system. You will cover advanced CSS techniques, design logic, client delivery workflows and pricing strategy. Everything you need to build better sites and run a better business.
Learn from my mistakes so you don’t have to
If you’re ready to fast-track your Squarespace skills, this course gives you the confidence and clarity to build stronger layouts, control spacing and typography, use custom CSS and simple JavaScript, and deliver the kind of polished work that impresses clients; I take you through my real workflow, the tools, the shortcuts including using ChatGPT to design and build things that are custom to client request.
What you’ll get
01
Squarespace Essentials
Get a comprehensive introduction to the platform, from setting up your site to navigating the interface.
02
Design Like a Pro
Learn to customise, create dynamic layouts, and use advanced design techniques that make your site shine.
03
Real-World Projects
Apply what you learn by working on real projects that you can add to your portfolio.
What’s included
01
Expert Video Tutorials
Step-by-step video lessons taught by seasoned Squarespace designers.
02
Hands-On Projects
Hands-On Projects: Practical exercises and projects that reinforce your learning and help you build a portfolio-ready website.
03
Downloadable Resources
Templates, checklists, and guides to support your learning journey.
04
Lifetime Access
Revisit the course materials anytime with unlimited access.
What’s inside
Advanced Course
-
Chrome Extensions
Browser & DevTools Setup
Colours
Code Editors & Snippet Management
How to receive content from clients
Designing scalable sites
Formatting Code
Squarespace Plugins
Best practices for testing feedback loop
Pro Tips
Testing the site
-
Looking Past the Style Editor
Design Logic: Spacing, Scale & Structure
Design Accents with Pseudo Elements
Typography and how to approach it
Motion / Animation
-
A look under the hood of some of our favourite website builds to show you how we’ve built them, what plugins we’ve used and how to approach requests.
-
Understanding Code Layers
Organising Custom Code
Adding Site-Wide Scripts
Embedding External Tools
-
In this session, we’ll review real websites together and break down what’s happening on each page. We’ll look at how the design choices support the content, what feels clear and engaging, and where things fall short. You’ll learn how to spot layout issues, recognise strong hierarchy, assess usability, and understand why certain decisions work better than others.
-
Domains & SSL Setup - how to setup and what “gotcha’s” to look out for
Setup and configure Google Search Console
Setup and configure Google Analytics 4
Structured Data & JSON Schema
Performance & Speed
-
Accessibility Principles
Colour Contrast & Typography
Heading Hierarchy
Keyboard Navigation
Alt Text
Motion & Reduced Animation
Accessibility Auditing
Accessibility Integration
-
Internal Systems we use
Launch Checklist
Live Style Guide
Client Training
Efficient Revisions and Boundaries
-
Typography Systems
Spacing & Flow
Motion & Microinteractions
Refinement & Review
-
What is Vibe Coding? (It’s creating code using ChatGPT etc)
Live Masterclass building cool things
-
Pricing for Advanced Work
Client Communication Systems
Code Library Organisation
Packaging Services
Studio-Level Process