This document outlines the website building process from start to finish. It includes steps for discovery, collecting assets, developing messaging and content strategies, creating site maps and wireframes, designing visuals, building out pages on WordPress, launching the site, ongoing improvements, and tracking analytics. The process emphasizes establishing goals, writing content based on research, and conducting quality reviews before launch to create an effective website.

1. Website Building Process
Woodstock WordPress Meetup

3. A good process enhances creativity

4. DISCOVERY
Discovery
● Goals
● Target audience
● Content needs
● Features
● Timing
● Budget
COLLECT ASSETS ● Logo Files
● Existing Photography
● Existing Brand Collateral
● Hosting and domain name

5. “Give me six hours to chop down
a tree, and I will spend the first
four sharpening the axe.”
Abraham Lincoln

6. Messaging
Strategy
● Conduct interviews
● Draft company story and key messages
● Create the website messaging platform

7. “You’re most powerfully
positioned to serve the person
you once were.”
Rory Vaden

8. Keyword
Research
● Audit current website and competition
● Look at keywords, links, technical
elements and analytics
● Create SEO and content strategy plan

9. Create SEO
and content
strategy plan

10. Site map
HOME
ABOUT USSERVICES PROJECTS
SERVICE 1
SERVICE 2
SERVICE 3
CONTACT
TEAM
CULTURE
CAREERS
PROJECT 1
PROJECT 2
PROJECT 3
EVENTS BLOG
● Outline all pages and navigation structure
● Create short descriptions for each page

11. CONTENT OUTLINE
AND COPYWRITING
Content
● Create a content outline
for each page
● Develop homepage
content hierarchy
● Write content based on
messaging strategy and
keyword research
➔ Homepage
◆ Headline
◆ Subhead
◆ CTA to search site
◆ Search field at top of page
◆ CTA to browse site and link to each page
◆ About Us section
● Company overview/benefits video
◆ Support section with CTA to view FAQs
◆ CTA to contact
➔ Team page
◆ Bios for each of the core team members
◆ CTA: Join the Team (go to Careers page)
◆ Visual: Headshots and possible group photo
➔ Careers & Culture page
◆ List of Careers offered and links to pages
◆ Visual: Photos of employees
EXAMPLE OF CONTENT OUTLINE

12. “If I had more time, I would have
written a shorter letter.”
Blaise Pascal

13. Design
ESTABLISH ARCHITECTURE
● Create mobile and
desktop wireframes
❏ Search bar
❏ Breadcrumbs
❏ CTAs
❏ Contact information
❏ Social icons
❏ Email sign-up
WIREFRAME CHECKLIST

14. Design
VISUAL DESIGN
● Design pages, features and
brand elements

15. Accessibility
THEMES ● A solid theme will get you 75% of the way
● Baked-in features will cause headaches
IMAGES AND LINKS ● Use alt text
● Don’t use pictures of text
● Don’t have links open in new tabs
MORE
● Add labels to form fields
● Use headings
● Add an accessibility statement
● Use #CamelCase hashtags

16. Build
DEVELOP ● Build out the site on WordPress
● HTML5, CSS3, JavaScript
● Build any custom functionality
STAGING AND REVIEW ● Conduct a quality review on staging URL
● Make final changes and tweaks
LAUNCH ● Five-minute launch
● 55 point checklist

17. Grow
TRAIN ● Personal, in-depth video screencast
● Scheduled Q&A follow-up call
IMPROVE AND PROMOTE ● Update WordPress and plugins
● Scan and monitor
● Tweaks and updates
● Reports and insights
● Email Marketing
● Social Media
● Ongoing Blogging

18. “The people you most want to
engage with don’t want to be
hustled.”
Seth Godin

19. Track
GOOGLE SEARCH CONSOLE ● Info about visitors before they get to you
GOOGLE ANALYTICS ● Info about visitors once they hit your site
● Audience, Acquisition, Behavior, Conversions
HEATMAPS ● See exactly where they click
DASHBOARDS ● Make it easy to gain more insights

22. “The best is the enemy of the good.”
Voltaire

23. greenmellen.com
academy.mickmel.com
(code “aprilmeetup”)
meetup.com/ABrighterWeb