planning a powerful wordpress...

29
Planning a Powerful WordPress Website Scott Winterroth @swinterroth

Upload: others

Post on 22-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Planning a PowerfulWordPress Website

Scott Winterroth@swinterroth

Page 2: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Failing to plan is planning to fail.

Benjamin FranklinFounding Father of the United States

Page 3: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Presentation Overview

Page 4: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Learning Objectives

Part 1: WordPress 101

Part 2: Examples of a WordPress site

Part 3: Planning Tips and Going Further!

Page 5: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

What is WordPress?Software used by approx. 30% of all websites worldwide

WordPress is an efficient content management system (CMS) and offers a flexible framework from which to build a website or a blog.

WordPress is a community of web developers, programmers and content creators.

Page 6: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

WordPress is…. What?

Page 7: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

https://blogyouwant.com

Live Example

Page 8: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Don’t be confused! WordPress.com vs WordPress

Page 9: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

WordPress vs. WordPress

Page 10: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Building your own platform with WordPressA recipe for success.

= Growth Platform

Page 11: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

How do you planthat growth platform?

Page 12: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Begin with the end in mind...

Stephen R. Covey

Page 13: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Website Development Process

Page 14: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Content Strategist

Visual/Ux Designer

Developer/Assembler

+ Copywriter+ Project Manager+ SEO Strategist

+ Video Production + Programmer

Page 15: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

What type of website do I really need?

Page 16: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

First and foremost...● Who is my target audience?

● What is the key function my website needs to perform?

● When does this website need to launch?

● Where will website visitors find my website?

● How many pages will my site need?

WHAT AM I SELLING AND HOW WILL PEOPLE FIND ME?

Page 17: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Digital Acquisition Cycle

● Publicity (PR)

✓ Consideration

✓ Conversion

✓ Retention

✓ Advocacy

● Word of Mouth

● Radio, TV, Print Ads

● Influencer/Endorsements

● Social/Display Ads● Testimonials/Reviews

● Content Marketing

● Media

● Direct Mail

✓ Awareness

● Conversion Copy

● Buyer Reinforcement

● Transactional Emails

● Knowledge Base, Cx

● Refer a friend

● Influencer Support

Newsletter ●

Social ●

Retargeting ●

Promotions ●

● Affiliate Marketing

● Sponsorships/Collaborations

● Website User Experience

Blog ●

Page 18: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Tips For Planning Communication is key here!

Page 19: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Create a “Visual Candy” folder by taking screenshot samples of websites that you like.

a. Themes and Templatesb. Dribbble and Behance c. Pinterest

Tool Recommendation: https://www.awesomescreenshot.com

Find Inspiration

Page 20: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

1. Sketch it out! (Activity)

2. Create wireframes or mockup =>

3. Select some photos

4. Identify color swatches

5. Identify fonts selections

6. Identify some icons

Prototype

Page 21: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Concept Board Example

Headings FontParagraph Font

Page 22: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

1. Outline of each page of the site

2. Brief for the overall project

Outline/Request

Page 23: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Don’t overthink it. Ship your M.V.P.

Page 24: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Going Further

Page 25: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Determine what role(s) you

are willing to take on and

what to hire out?

Needs Assessment- Content Strategist- Copywriter - Designer- Programmer- Builder Assembler - Project Manager- Client - Student

Page 26: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

WordPress Intensive:

$199.00 per studentBONUS:

6/months of WP hosting and domain

+ workbook

Level Up!

DAC MarketingMastermindCommunity

Page 27: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Questions & Thank You

Thank you for participating. Please send feedback or questions to

[email protected].

Page 28: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

Examples of WordPress sites

Page 29: Planning a Powerful WordPress Websiteuniforumchicago.org/slides/Planning_a_Powerful_WordPress_Scott_Winterroth.pdfCreate wireframes or mockup => 3. Select some photos 4. Identify color

https://scottwinterroth.com (Personal Branding Blog)

http://blogyouwant.com (Podcast)

http://frontandsocial.com (Agency/Freelance)

http://contentacademy.com (Online eCom Business)

http://thechic.us (Online Magazine)

Live Examples