Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Visual Design with Data
Next

6

Share

Squarespace bootcamp

An immersive workshop at General Assembly

Related Books

Free with a 30 day trial from Scribd

See all

Squarespace bootcamp

  1. 1. Seth Familian Founder + Principal, Familian&1 SQUARESPACE BOOTCAMP ‣ Welcome! ‣ Select any seat ‣ Fill out a name card!
  2. 2. SETH FAMILIAN, FOUNDER + PRINCIPAL, FAMILIAN&1 A BIT ABOUT ME 2 BUSINESS STRATEGY GROWTH HACKING PRODUCT MANAGEMENT WEB PRESENCE TEACHING + EDUCATION PROCRAFTINATION
  3. 3. MY 7-YEAR PLATFORM JOURNEY 3 2015-Present2009-2011 + OR 2012-2014 + OR Secure · Intuitive Elegant · Affordable Customizable · FAST
  4. 4. MY SQUARESPACE PORTFOLIO (SO FAR) 4
  5. 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. 6. SQUARESPACE BOOTCAMP ESTABLISH GOALS
 + STRUCTURE 6
  7. 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. 8. DEFINE YOUR ARCHITECTURE ESTABLISH GOALS + STRUCTURE 8
  9. 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. 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. 11. ESTABLISH GOALS + STRUCTURE CREATING AN 
 ARCHITECTURE 11 1. LIST CONTENT 
 IN A TRELLO LIST
  12. 12. ESTABLISH GOALS + STRUCTURE 12 2. GROUP CONTENT INTO NAV LISTS 1. LIST CONTENT 
 IN A TRELLO LIST CREATING AN 
 ARCHITECTURE
  13. 13. ARCHITECTURAL APPROACHES ESTABLISH GOALS + STRUCTURE 13 FLAT SECTIONED INDEXBASIC INDEXFOLDERS UNIQUE TO SQUARESPACE
  14. 14. ARCHITECTURAL EXAMPLES ESTABLISH GOALS + STRUCTURE 14 FLAT BASIC INDEX SECTIONED INDEX
  15. 15. PAGE TYPE CONSTRAINTS ESTABLISH GOALS + STRUCTURE 15 FLAT BASIC INDEX SECTIONED INDEX
  16. 16. ORGANIZE + POPULATE YOUR CONTENT USE LAYOUTS TO SCAFFOLD YOUR CONTENT 16
  17. 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. 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. 19. SQUARESPACE BOOTCAMP LUNCH TIME! 19 ‣ Stretch your legs ‣ Get some fresh air ‣ We’ll start again at 2pm!
  20. 20. SQUARESPACE BOOTCAMP ORGANIZE + POPULATE
 YOUR CONTENT 20
  21. 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. 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. 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. 24. ORGANIZE + POPULATE YOUR CONTENT UNDERSTAND CONTENT BLOCKS 24
  25. 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. 26. SQUARESPACE BOOTCAMP CONFIGURE SQUARESPACE 
 DESIGN 26
  27. 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. 28. CONFIGURE SQUARESPACE BASICS SET YOUR LOGO + TITLE 28
  29. 29. CONFIGURE SQUARESPACE BASICS SET YOUR STYLES 29
  30. 30. CONFIGURE SQUARESPACE BASICS EDIT YOUR SUBDOMAIN 30
  31. 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. 32. SQUARESPACE BOOTCAMP BREAK TIME! 32 ‣ Stretch your legs ‣ Hydrate or grab a snack ‣ We’ll start again in 15 mins!
  33. 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. 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. 35. DISCUSSION TIME SQUARESPACE BOOTCAMP 35 QUESTIONS · FEEDBACK · IDEAS · INSIGHTS
  36. 36. BUT MOST IMPORTANTLY… HAVE FUN! 36
  37. 37. THANK YOU KEEP IN TOUCH! 37 SETH@FAMILIAN1.COM · @SETHFAM1
  • LukeMiggs

    Dec. 17, 2017
  • artemteslenko

    May. 1, 2017
  • klooft

    Apr. 28, 2017
  • alessandrodemarchis10

    Mar. 6, 2017
  • hjjoachim

    Feb. 26, 2017
  • yuvi21

    Feb. 25, 2017

An immersive workshop at General Assembly

Views

Total views

2,370

On Slideshare

0

From embeds

0

Number of embeds

122

Actions

Downloads

51

Shares

0

Comments

0

Likes

6

×