Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The Squarespace Design Framework
Welcome to the Squarespace Design Work Course!
START HERE - Welcome & Intro (3:15)
Course Resources
Join the course Slack Community
Module 1: Planning & Set-Up
Creating Your Project Timeline (2:34)
The Strategy Meeting (3:31)
The Website Content Questionnaire (3:22)
Creating A Brand Kit (3:33)
DESIGN WITH ME: Brand Kit (5:50)
Making an Outline (2:26)
DESIGN WITH ME: Making an Outline (6:46)
Making a Wireframe (3:26)
DESIGN WITH ME: Make a Wireframe (18:03)
Mocking Up The Site (2:46)
DESIGN WITH ME: Mocking Up The Site (16:42)
Squarespace Circle + Setting Up the Client’s Website (4:04)
Choosing A Template (1:07)
Changing Your Built-In Domain (0:57)
Module 2: Designing
Adding All Pages (1:35)
Setting Site Styles (1:25)
DESIGN WITH ME: Set Up & Site Styles Page (17:38)
Laying Out Content Blocks (1:25)
DESIGN WITH ME: Laying out Content Blocks (Classic Editor) (12:03)
DESIGN WITH ME: Laying out Content Blocks (Fluid Engine) (31:17)
Filling In Content & Customizing (2:19)
DESIGN WITH ME: Filling in Content & Customizing (Classic Editor) (15:35)
DESIGN WITH ME: Filling in Content & Customizing (Fluid Engine) (28:32)
Responsive Design (Pre Feedback) (4:48)
Module 3: Review & Finalization
Website Review Meeting (1:56)
Feedback/Approval (2:45)
Responsive Design (Post Feedback) (2:24)
DESIGN WITH ME: Responsive Design (Fluid Engine) (16:48)
SEO Set-Up (2:34)
Social Sharing Graphic (1:21)
Pop-Up & Announcement Bar (0:56)
Final Checks (2:27)
Module 4: Launch & Post Launch
Creating a Website Back Up (2:02)
Domain Connection (3:51)
Transferring Site Ownership & Making the Site Live (1:52)
Launch Day (3:00)
Providing Training (4:59)
Bonus Workshop
Designing with Intention: Layouts, Elements, and Strategies for Creating Effective Web Designs (47:06)
BONUS MODULE: Intro to CSS
Intro to CSS Workshop (17:29)
The Essential Squarespace CSS Kit
CSS Essential Resources Links
CSS Responsive & Media Queries (9:04)
EXAMPLE: Font Customization (10:11)
EXAMPLE: Customizing Colors (backgrounds, fonts, buttons, etc.) (7:22)
EXAMPLE: Borders (6:22)
EXAMPLE: Sizing (scaling, overlapping, full-width sections, etc.) (16:07)
DESIGN WITH ME: Make a Wireframe
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock