An immersive workshop at General Assembly

1. Seth Familian
Founder + Principal, Familian&1
SQUARESPACE
BOOTCAMP ‣ Welcome!
‣ Select any seat
‣ Fill out a name card!

2. SETH FAMILIAN, FOUNDER + PRINCIPAL, FAMILIAN&1
A BIT ABOUT ME 2
BUSINESS STRATEGY
GROWTH HACKING
PRODUCT MANAGEMENT WEB PRESENCE
TEACHING + EDUCATION PROCRAFTINATION

3. MY 7-YEAR PLATFORM JOURNEY 3
2015-Present2009-2011
+
OR
2012-2014
+
OR
Secure · Intuitive
Elegant · Affordable
Customizable · FAST

4. MY SQUARESPACE PORTFOLIO (SO FAR) 4

5. LET’S BUILD YOUR SITE IN ONE DAY! 5
‣ Establish goals + structure
‣ Organize + populate your content
‣ Configure Squarespace design
‣ Create + populate site pages
‣ Finalize + publish
L U N C H B R E A K
C O F F E E B R E A K

6. SQUARESPACE BOOTCAMP
ESTABLISH GOALS
+ STRUCTURE
6

7. ESTABLISH GOALS + STRUCTURE
DEFINE YOUR GOALS
7
‣ 1-3 per website
‣ Verb + noun structure
‣ Clear + outcome-oriented
‣ What are your 3 goals?
E.G.

8. DEFINE YOUR
ARCHITECTURE
ESTABLISH GOALS + STRUCTURE 8

9. ESTABLISH GOALS + STRUCTURE
CREATING AN
ARCHITECTURE
9
Current
Exhibits
Gallery
Events
Gallery
Directory
Private
Events
Leasing
Space
Bergamot
History
Contact
Us
Join
Email List
Google
Map
Follow on
FB, etc.
1. LIST CONTENT
ON POST-ITS

10. ESTABLISH GOALS + STRUCTURE 10
2. GROUP POST-ITS
INTO 3-5 ITEMS
+ A FOOTER
Current
Exhibits
On View
Gallery
Events
Events
Gallery
Directory
Explore
Google
Map
Visit
Private
Events
Leasing
Space
Bergamot
History
Contact
Us
Learn
More
1. LIST CONTENT
ON POST-ITS
Follow on
FB, etc.Join
Email List
Site
Footer
CREATING AN
ARCHITECTURE

11. ESTABLISH GOALS + STRUCTURE
CREATING AN
ARCHITECTURE
11
1. LIST CONTENT
IN A TRELLO LIST

12. ESTABLISH GOALS + STRUCTURE 12
2. GROUP CONTENT
INTO NAV LISTS
1. LIST CONTENT
IN A TRELLO LIST
CREATING AN
ARCHITECTURE

13. ARCHITECTURAL APPROACHES
ESTABLISH GOALS + STRUCTURE 13
FLAT SECTIONED INDEXBASIC INDEXFOLDERS
UNIQUE TO SQUARESPACE

14. ARCHITECTURAL EXAMPLES
ESTABLISH GOALS + STRUCTURE 14
FLAT BASIC INDEX SECTIONED INDEX

15. PAGE TYPE CONSTRAINTS
ESTABLISH GOALS + STRUCTURE 15
FLAT BASIC INDEX SECTIONED INDEX

16. ORGANIZE + POPULATE YOUR CONTENT
USE LAYOUTS TO SCAFFOLD YOUR CONTENT
16

17. ESTABLISH GOALS + STRUCTURE
LET’S BUILD YOUR ARCHITECTURE!
17
1. GO TO MONTAUK-DEMO.SQUARESPACE.COM
2. CLICK ON “CREATE A SITE LIKE THIS”
3. CREATE YOUR SQUARESPACE ACCOUNT
4. CLICK ON “PAGES”
5. FOLLOW ALONG WITH ME!

18. ESTABLISH GOALS + STRUCTURE 18
COMMON QUESTIONS
‣ Can I have more than 5 nav items?
‣ What about dropdown menus?
‣ How do I plan for future site sections?
‣ What about hidden site pages?

19. SQUARESPACE BOOTCAMP
LUNCH TIME!
19
‣ Stretch your legs
‣ Get some fresh air
‣ We’ll start again at 2pm!

20. SQUARESPACE BOOTCAMP
ORGANIZE + POPULATE
YOUR CONTENT
20

21. ORGANIZE + POPULATE YOUR CONTENT
IDENTIFY CONTENT TYPES
21
‣ 2-4 per website
‣ Each drives a page or section
‣ Driven by EXISTING assets
‣ What are your content types?
- IMAGE COLLECTIONS
- PRODUCTS TO PURCHASE
- ARTICLES/BLOG POSTS
- "ABOUT” / STATIC PAGES
- EMBEDDED VIDEOS
- CALENDAR(S) OF EVENTS
- CONTACT/INQUIRY FORMS

22. - IMAGE COLLECTIONS
- PRODUCTS TO PURCHASE
- ARTICLES/BLOG POSTS
- "ABOUT” / STATIC PAGES
- EMBEDDED VIDEOS
- CALENDAR(S) OF EVENTS
- CONTACT/INQUIRY FORMS
ORGANIZE + POPULATE YOUR CONTENT
EVALUATE YOUR CONTENT
22
‣ How many of each type?
‣ How are they categorized?
‣ Where are they located today?
‣ How do they SCALE over time?

23. - IMAGE COLLECTIONS
- PRODUCTS TO PURCHASE
- ARTICLES/BLOG POSTS
- "ABOUT” / STATIC PAGES
- EMBEDDED VIDEOS
- CALENDAR(S) OF EVENTS
- CONTACT/INQUIRY FORMS
ORGANIZE + POPULATE YOUR CONTENT
CONSOLIDATE YOUR CONTENT
23
‣ Organize images with
nav-based folders
‣ Title all files intuitively

24. ORGANIZE + POPULATE YOUR CONTENT
UNDERSTAND CONTENT BLOCKS
24

25. ORGANIZE + POPULATE YOUR CONTENT
LET’S POPULATE YOUR CONTENT!
25
1. GO TO YOUR NEW SITE
2. REPLACE SCAFFOLD ELEMENTS WITH REAL CONTENT
3. EXPERIMENT WITH RESIZING COLUMN WIDTHS
4. EXPERIMENT WITH MOVING LOCATIONS OF ITEMS
5. EXPERIMENT WITH ADDING NEW CONTENT ELEMENTS

26. SQUARESPACE BOOTCAMP
CONFIGURE
SQUARESPACE
DESIGN
26

27. ‣ Logo on a transparent background
‣ Pick Title, Text & Background colors
‣ Get HEX codes for each color
ORGANIZE CONTENT + BRAND ASSETS
DEFINE YOUR BRAND ASSETS
27
coolors.co
withoomph.com

28. CONFIGURE SQUARESPACE BASICS
SET YOUR LOGO + TITLE
28

29. CONFIGURE SQUARESPACE BASICS
SET YOUR STYLES
29

30. CONFIGURE SQUARESPACE BASICS
EDIT YOUR SUBDOMAIN
30

31. SQUARESPACE BOOTCAMP
POPULATE SITE PAGES
31
✓ IMAGE GALLERIES
✓ SUMMARY BLOCKS
✓ ARTICLES/BLOG POSTS
✓ CALENDAR(S) OF EVENTS
✓ STATIC PAGES
✓ COLUMNS + LAYOUTS
✓ EMBEDDED CONTENT
✓ CONTACT/INQUIRY FORMS

32. SQUARESPACE BOOTCAMP
BREAK TIME!
32
‣ Stretch your legs
‣ Hydrate or grab a snack
‣ We’ll start again in 15 mins!

33. SQUARESPACE BOOTCAMP
FINALIZE + PUBLISH
33
✓ TEST FORMS
✓ TEST ALL CLICKS
✓ CONNECT SOCIAL ACCOUNTS
✓ MIGRATE YOUR A-RECORDS (NAMECHEAP!)
✓ /SITEMAP.XML » GOOGLE WEBMASTER TOOLS
✓ WAIT + FINAL TEST BEFORE TELLING THE WORLD

34. ‣ Make it short or a fun sentence
‣ Spelling should be intuitive
‣ .co and .me are useful!
ORGANIZE CONTENT + BRAND ASSETS
SECURE A URL
34
domai.nr
SEARCH VIA
namecheap.com
BUY VIA

35. DISCUSSION TIME
SQUARESPACE BOOTCAMP 35
QUESTIONS · FEEDBACK · IDEAS · INSIGHTS

36. BUT MOST IMPORTANTLY…
HAVE FUN!
36

37. THANK YOU
KEEP IN TOUCH!
37
SETH@FAMILIAN1.COM · @SETHFAM1