Upload
seth-familian
View
207
Download
0
Embed Size (px)
Citation preview
SETH FAMILIAN, FOUNDER + PRINCIPAL, FAMILIAN&1A BIT ABOUT ME 2
BUSINESS STRATEGY
GROWTH HACKING
PRODUCT MANAGEMENT WEB PRESENCE
TEACHING + EDUCATION PROCRAFTINATION
MY 7-YEAR PLATFORM JOURNEY 3
2015-Present2009-2011
+
OR
2012-2014
+
OR
Secure · Intuitive
Elegant · Affordable
Customizable · FAST
LET’S BUILD A SITE IN 3 HOURS! 5
‣ Start with goals + structure
‣ Identify your content + assets
‣ Setup Squarespace basics
‣ Create + populate site pages
‣ Finalize + publish
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 NEW EMAIL LIST SIGNUPS”
“CAPTURE NEW LEADS”
GOALS + STRUCTURE
IDENTIFY CONTENT TYPES8
‣ 2-4 per website
‣ Each drives a page or section
‣ Driven by EXISTING assets
‣ What are your content types?
- ARTICLES/BLOG POSTS
- IMAGE COLLECTIONS
- EMBEDDED VIDEOS/PRESENTATIONS
- "ABOUT” / STATIC PAGES
- CALENDAR(S) OF EVENTS
- CONTACT/INQUIRY FORMS
- PRODUCTS TO PURCHASE
GOALS + STRUCTURE
CREATING AN ARCHITECTURE
14
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
GOALS + STRUCTURE 15
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
GOALS + STRUCTURE 17
2. GROUP CONTENT INTO NAV LISTS
1. LIST CONTENT IN A TRELLO LIST
CREATING AN ARCHITECTURE
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?
THE 3-HOUR WEBSITE
CONTENT + ASSETS19
- WHAT ASSETS DO YOU HAVE?
- WHERE ARE THEY LOCATED?
- SELECTING A URL
- DEFINING YOUR LOGO + COLORS
CONTENT + ASSETS
EVALUATE YOUR CONTENT20
- ARTICLES/BLOG POSTS
- IMAGE COLLECTIONS
- EMBEDDED VIDEOS/PRESENTATIONS
- "ABOUT” / STATIC PAGES
- CALENDAR(S) OF EVENTS
- CONTACT/INQUIRY FORMS
- PRODUCTS TO PURCHASE
‣ How many of each type?
‣ How are they categorized?
‣ Where are they located today?
‣ How do they SCALE over time?
‣ Arrange files into Nav-based folders
‣ Title files intuitively!
‣ Create a site content outline
‣ Capture urls for embedded files
CONTENT + ASSETS
ORGANIZE YOUR CONTENT21
‣ Logo on a transparent background
‣ Pick Title, Text & Background colors
‣ Get HEX codes for each color
CONTENT + ASSETS
DEFINE YOUR BRAND ASSETS22
coolors.co
withoomph.com
VISUAL DESIGN WITH DATA
BREAK TIME!24
‣ Stretch your legs
‣ Hydrate or grab a snack
‣ We’ll start again in 15 mins!
THE 3-HOUR WEBSITE
POPULATE SITE PAGES29
✓ IMAGE GALLERIES
✓ SUMMARY BLOCKS
✓ ARTICLES/BLOG POSTS
✓ CALENDAR(S) OF EVENTS
✓ STATIC PAGES
✓ COLUMNS + LAYOUTS
✓ EMBEDDED CONTENT
✓ CONTACT/INQUIRY FORMS
THE 3-HOUR WEBSITE
FINALIZE + PUBLISH30
✓ 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