+ All Categories
Home > Education > Squarespace bootcamp

Squarespace bootcamp

Date post: 07-Feb-2017
Category:
Upload: seth-familian
View: 89 times
Download: 0 times
Share this document with a friend
35
Seth Familian Founder + Principal, Familian&1 SQUARESPACE BOOTCAMP
Transcript
Page 1: Squarespace bootcamp

Seth Familian Founder + Principal, Familian&1

SQUARESPACE BOOTCAMP

Page 2: Squarespace bootcamp

SETH FAMILIAN, FOUNDER + PRINCIPAL, FAMILIAN&1A BIT ABOUT ME 2

BUSINESS STRATEGY

GROWTH HACKING

PRODUCT MANAGEMENT WEB PRESENCE

TEACHING + EDUCATION PROCRAFTINATION

Page 3: Squarespace bootcamp

MY 7-YEAR PLATFORM JOURNEY 3

2015-Present2009-2011

+

OR

2012-2014

+

OR

Secure · Intuitive

Elegant · Affordable

Customizable · FAST

Page 4: Squarespace bootcamp

MY SQUARESPACE PORTFOLIO (SO FAR) 4

Page 5: Squarespace bootcamp

LET’S BUILD YOUR SITE IN ONE DAY! 5

‣ Establish goals + structure

‣ Organize content + brand assets

‣ Configure Squarespace basics

‣ 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

Page 6: Squarespace bootcamp

SQUARESPACE BOOTCAMP

ESTABLISH GOALS+ STRUCTURE

6

Page 7: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE

DEFINE YOUR GOALS7

‣ 1-3 per website

‣ Verb + noun structure

‣ Clear + outcome-oriented

‣ What are your 3 goals?

E.G. Inform

Potential Clients

Generate Email List Signups

Drive Biz Dev Leads

Page 8: Squarespace bootcamp

DEFINE YOUR ARCHITECTURE

ESTABLISH GOALS + STRUCTURE 8

Page 9: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE 9

DEFINE YOUR ARCHITECTURE

Page 10: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE 10

DEFINE YOUR ARCHITECTURE

Page 11: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE

DEFINE YOUR ARCHITECTURE

11

Page 12: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE

DEFINE YOUR ARCHITECTURE

12

Page 13: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE

CREATING AN ARCHITECTURE

13

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

Page 14: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE 14

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

Page 15: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE

CREATING AN ARCHITECTURE

15

1. LIST CONTENT IN A TRELLO LIST

Page 16: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE 16

2. GROUP CONTENT INTO NAV LISTS

1. LIST CONTENT IN A TRELLO LIST

CREATING AN ARCHITECTURE

Page 17: Squarespace bootcamp

ESTABLISH GOALS + STRUCTURE 17

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?

Page 18: Squarespace bootcamp

SQUARESPACE BOOTCAMP

ORGANIZE CONTENT+ BRAND ASSETS

18

Page 19: Squarespace bootcamp

ORGANIZE CONTENT + BRAND ASSETS

IDENTIFY CONTENT TYPES19

‣ 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

Page 20: Squarespace bootcamp

- IMAGE COLLECTIONS

- PRODUCTS TO PURCHASE

- ARTICLES/BLOG POSTS

- "ABOUT” / STATIC PAGES

- EMBEDDED VIDEOS

- CALENDAR(S) OF EVENTS

- CONTACT/INQUIRY FORMS

ORGANIZE CONTENT + BRAND ASSETS

EVALUATE YOUR CONTENT20

‣ How many of each type?

‣ How are they categorized?

‣ Where are they located today?

‣ How do they SCALE over time?

Page 21: Squarespace bootcamp

- IMAGE COLLECTIONS

- PRODUCTS TO PURCHASE

- ARTICLES/BLOG POSTS

- "ABOUT” / STATIC PAGES

- EMBEDDED VIDEOS

- CALENDAR(S) OF EVENTS

- CONTACT/INQUIRY FORMS

ORGANIZE CONTENT + BRAND ASSETS

CONSOLIDATE YOUR CONTENT21

‣ Organize images with nav-based folders

‣ Title all files intuitively

‣ Paste all content urls into

Page 22: Squarespace bootcamp

‣ Make it short or a fun sentence

‣ Spelling should be intuitive

‣ .co and .me are useful!

ORGANIZE CONTENT + BRAND ASSETS

SECURE A URL22

domai.nr

SEARCH VIA

namecheap.com

BUY VIA

Page 23: Squarespace bootcamp

‣ Logo on a transparent background

‣ Pick Title, Text & Background colors

‣ Get HEX codes for each color

ORGANIZE CONTENT + BRAND ASSETS

DEFINE YOUR BRAND ASSETS23

coolors.co

withoomph.com

Page 24: Squarespace bootcamp

ORGANIZE CONTENT + BRAND ASSETS

PUT EVERYTHING IN TRELLO!24

Page 25: Squarespace bootcamp

SQUARESPACE BOOTCAMP

LUNCH TIME!25

‣ Stretch your legs

‣ Get some fresh air

‣ We’ll start again in 60 mins!

Page 26: Squarespace bootcamp

SQUARESPACE BOOTCAMP

CONFIGURE SQUARESPACE BASICS

26

Page 27: Squarespace bootcamp

CONFIGURE SQUARESPACE BASICS

SET YOUR LOGO + TITLE27

Page 28: Squarespace bootcamp

CONFIGURE SQUARESPACE BASICS

SET YOUR STYLES28

Page 29: Squarespace bootcamp

CONFIGURE SQUARESPACE BASICS

EDIT YOUR SUBDOMAIN29

Page 30: Squarespace bootcamp

SQUARESPACE BOOTCAMP

POPULATE SITE PAGES30

✓ IMAGE GALLERIES

✓ SUMMARY BLOCKS

✓ ARTICLES/BLOG POSTS

✓ CALENDAR(S) OF EVENTS

✓ STATIC PAGES

✓ COLUMNS + LAYOUTS

✓ EMBEDDED CONTENT

✓ CONTACT/INQUIRY FORMS

Page 31: Squarespace bootcamp

SQUARESPACE BOOTCAMP

BREAK TIME!31

‣ Stretch your legs

‣ Hydrate or grab a snack

‣ We’ll start again in 15 mins!

Page 32: Squarespace bootcamp

SQUARESPACE BOOTCAMP

FINALIZE + PUBLISH32

✓ 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

Page 33: Squarespace bootcamp

DISCUSSION TIMESQUARESPACE BOOTCAMP 33

QUESTIONS · FEEDBACK · IDEAS · INSIGHTS

Page 34: Squarespace bootcamp

BUT MOST IMPORTANTLY…

HAVE FUN!34

Page 35: Squarespace bootcamp

THANK YOU

KEEP IN TOUCH!35

[email protected] · @SETHFAM1


Recommended