How to Create a Website that Doesn’t Suck
@DizzyD7
@wordcampmtl
#wcmtl
danasalman1@gmail.com
danasalman.com
2. UNDERSTANDING YOUR TARGET AUDIENCE USING PERSONAS
3. HOW TO SET S.M.A.R.T OBJECTIVES FOR YOUR WORDPRESS SITE
4. HOW TO RESEARCH COMPETITORS AND CREATE A SWIPE FILE
5. HOW TO BRAINSTORM AND CREATE A WIREFRAME
1. WHAT MAKES A WEBSITE SUCK?
6. BRIEFING MEETING CHEAT SHEET
7. ALWAYS BE TESTING
8. WRAP UP AND Q&A
WHAT MAKES A WEBSITE SUCK?
SHINY OBJECT SYNDROME
IT HAS TO BE PERFECT!
??
?? ?
TOO MUCH INFORMATION
TOO MUCH INFORMATION
TOO LITTLE INFORMATION
WHHHOOOOOOOOO ARE YOU?
ME, ME, ME!
useronboard.com
WHAT DO I DO?
DOESN’T WORK ON MY DEVICE
Infographic by Go-Gulf
Source: Business2Community
DESIGN IS NOT A SILVER BULLET
 Great product or service
 Great customer support
 Great copy
 Defined Objectives
How to Create a Website that Doesn’t Suck
5. ALWAYS BE TESTING
4. Brief designer or team
3. Brainstorm and Create Wireframe
2. Research competitors and samples
1. Define target audience and S.M.A.R.T objectives
Employee Scheduling App
UNDERSTANDING YOUR TARGET
AUDIENCE AND SETTING S.M.A.R.T
OBJECTIVES
Sources:
Persona 101 – How to target your ideal customer www.invesp.com
Create Buyer Personas For Your Business www.hubspot.com
Creating Personas
• A detailed fictional character (much like a
movie character) to represent your customers
• Interview OR email customers/prospects to
define customer segments and patterns.
• Interview sales and customer care teams.
• Use a lead capture form on your website.
Name of Persona - SARA
Age - 32
Gender - Female
Income - $65,000/year
Location – Downtown Boston
Family – boyfriend, dog
Double Income No Kids (DINK)
Job title and career – Owner of
the Koala Café and Bistro
Previous banking project manager
Sample Persona - Sara
The Koala Café and Bistro located in downtown Boston
offers a unique twist to old time favorites with fresh local
ingredients.
Personality: Sara is calm and organized and loves to create a
warm and friendly environment in The Koala that is very
different from her previous corporate job.
Communication Preferences: Phone call during her
commute. Do not call during peak hours. Email for other
times of the day.
Trusted sources of information: Boston globe newspaper,
and small business websites.
Sample Persona - Sara
Goals
 To provide the best food and dining experience to customers
 To provide a great work environment for her 10 employees
 To grow the café’s business by getting more customers
Challenges
 Ensuring great customer service and food quality
 Managing front and back of the house and admin
 Managing supplier relationships
 Managing part time and full time staff
 Getting new customers during non-peak hours
Sample Persona - Sara
QUOTE
“Managing a restaurant requires attention to a
variety of different tasks, from checking the day’s
delivery of supplies to making your customers feel
welcome and making sure the team is doing what
they need to do and enjoying it.”
Sample Persona - Sara
Currently:
- Manually schedules shifts on whiteboard
- Manually texts and emails schedule to
employees
- Manually updates and messages any
changes
How ScheduleMaker can help Sara
ScheduleMaker saves admin time & effort:
 Weekly schedules entered online/app
 Integrated with the payroll system
 Automatic messaging to employees
 Instant access to weekly schedule
 Easily make time-off or shift changes
 Instantly notified of any schedule changes
How ScheduleMaker can help Sara
Common Objections to using ScheduleMaker
1. Many of my employees are students who only
work part-time and for a couple of months out of
the year, so I don’t want to pay software fees for
employees that I don’t have any more.
2. Some of my employees don’t have a smartphone.
3. I don’t have time to learn complicated software
and teach my team how to use it.
Sample Persona - Sara
Creating a Sample Persona - Sara
ScheduleMaker Marketing Messaging
 ScheduleMaker is an employee scheduling app used by
over 10000 small businesses like yours.
 Set up your account in minutes, enter your shift schedule
online and your team members will automatically get a
text or email notification.
 Employees can easily request schedule changes or time-off
through the app.
 There is no contract and you can easily add or remove
employees and you only pay for the employees you have.
Creating a Sample Persona - Sara
ScheduleMaker Elevator Pitch
ScheduleMaker is an easy to use employee
scheduling app used by over 10000 small businesses
like yours.
S.M.A.R.T Objectives for your website
Sources:
http://en.wikipedia.org/wiki/SMART_criteria
S
M
A
T
R
Specific
Measurable
Attainable/ Achievable
Relevant
Time-bound
How
ScheduleMaker Website Objectives
Long-term Goal:
To double our customer base in the next 5
years.
Main Objective:
To get 20 new signups in the next month.

S.M.A.R.T Objectives for your website
Specific?
Measurable?
Attainable?
Time-bound?
Relevant?



Is this objective attainableAttainable?
2,000 free trial signups  20 new paid signups
(at a 1% conversion rate i.e. 1 out of 100 free trials buy)

2,000 free trial signups x .01 = 20 new paid signups
Calculation

Is this objective attainableAttainable?
200,000 website visitors  2,000 free trial signups
(at a 1% conversion rate i.e. 1 out of 100 visitors sign up for a free
trial)

200,000 website visitors x .01 = 2,000 free trial signups
Calculation

Is this objective attainableAttainable?
IF:
• Average of 170,000 to 190,000 website
visitors per month
• Average conversion rate is 1%
THEN: YES! This objective is attainable.

Is this objective attainableAttainable?
IF:
• Average of 2,000 website visitors per
month
• Average conversion rate is 1%
THEN: NO! This objective is not attainable.
ASSUME:
• Projected - 200,000 website visitors per
month

S.M.A.R.T Objectives for your website
Specific?
Measurable?
Attainable?
Time-bound?
Relevant?





How
ScheduleMaker Website Objectives
Long-term Goal:
To double our customer base in the next 5 years.
Main Objective:
To get 20 new signups in the next month.
(2,000 free trial signups and => at least 200,000
unique visitors to our website)
RESEARCHING COMPETITORS AND
SAMPLES AND CREATING A SWIPE
FILE
*Source: http://en.wikipedia.org/wiki/Swipe_file
Benefits of a Swipe File
• A collection of tested marketing and
advertising collateral including websites,
emails, sales letters, headlines, designs, etc.*
• A great resource for different tactics that have
been tested and proven to work in the past.
• Used by marketers, designers, writers and
entrepreneurs.
BRAINSTORMING AND SKETCHING
YOUR WIREFRAME
BRIEFING MEETING CHEAT SHEET
About you:
• What do you do?
• How long have you been doing it?
• What challenges are you facing?
• What is the competition like?
Objectives: What do you want to achieve?
Personas: Who is your customer?
Briefing Meeting Cheat Sheet
Scope: Review wireframes
Project Details:
• Time frame
• Budget
• What you like
• What you don’t like
Briefing Meeting Cheat Sheet
ALWAYS BE TESTING
“Your Hunch is
Probably Wrong” -
Distilled
WRAP UP & Q&A’s
How to Create a Website That
Doesn’t Suck
Think strategically about what
you want to achieve
S.M.A.R.T Objectives
Think about your audience -
Personas
Look at what’s out there –
Market and Competition swipe
file
Create a wireframe
Solid briefing meeting
ALWAYS BE TESTING
For 50% off in-depth online
course:
How to Create a Website that
Doesn’t Suck
danasalman1@gmail.com

How to Create a Website That Doesn't Suck (Using S.M.A.R.T Objectives, Personas and Wireframes)

  • 2.
    How to Createa Website that Doesn’t Suck @DizzyD7 @wordcampmtl #wcmtl danasalman1@gmail.com danasalman.com
  • 3.
    2. UNDERSTANDING YOURTARGET AUDIENCE USING PERSONAS 3. HOW TO SET S.M.A.R.T OBJECTIVES FOR YOUR WORDPRESS SITE 4. HOW TO RESEARCH COMPETITORS AND CREATE A SWIPE FILE 5. HOW TO BRAINSTORM AND CREATE A WIREFRAME 1. WHAT MAKES A WEBSITE SUCK? 6. BRIEFING MEETING CHEAT SHEET 7. ALWAYS BE TESTING 8. WRAP UP AND Q&A
  • 4.
    WHAT MAKES AWEBSITE SUCK?
  • 5.
  • 6.
    IT HAS TOBE PERFECT! ?? ?? ?
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 16.
    DESIGN IS NOTA SILVER BULLET  Great product or service  Great customer support  Great copy  Defined Objectives
  • 17.
    How to Createa Website that Doesn’t Suck 5. ALWAYS BE TESTING 4. Brief designer or team 3. Brainstorm and Create Wireframe 2. Research competitors and samples 1. Define target audience and S.M.A.R.T objectives
  • 18.
  • 19.
    UNDERSTANDING YOUR TARGET AUDIENCEAND SETTING S.M.A.R.T OBJECTIVES
  • 20.
    Sources: Persona 101 –How to target your ideal customer www.invesp.com Create Buyer Personas For Your Business www.hubspot.com Creating Personas • A detailed fictional character (much like a movie character) to represent your customers • Interview OR email customers/prospects to define customer segments and patterns. • Interview sales and customer care teams. • Use a lead capture form on your website.
  • 21.
    Name of Persona- SARA Age - 32 Gender - Female Income - $65,000/year Location – Downtown Boston Family – boyfriend, dog Double Income No Kids (DINK) Job title and career – Owner of the Koala Café and Bistro Previous banking project manager Sample Persona - Sara
  • 22.
    The Koala Caféand Bistro located in downtown Boston offers a unique twist to old time favorites with fresh local ingredients. Personality: Sara is calm and organized and loves to create a warm and friendly environment in The Koala that is very different from her previous corporate job. Communication Preferences: Phone call during her commute. Do not call during peak hours. Email for other times of the day. Trusted sources of information: Boston globe newspaper, and small business websites. Sample Persona - Sara
  • 23.
    Goals  To providethe best food and dining experience to customers  To provide a great work environment for her 10 employees  To grow the café’s business by getting more customers Challenges  Ensuring great customer service and food quality  Managing front and back of the house and admin  Managing supplier relationships  Managing part time and full time staff  Getting new customers during non-peak hours Sample Persona - Sara
  • 24.
    QUOTE “Managing a restaurantrequires attention to a variety of different tasks, from checking the day’s delivery of supplies to making your customers feel welcome and making sure the team is doing what they need to do and enjoying it.” Sample Persona - Sara
  • 25.
    Currently: - Manually schedulesshifts on whiteboard - Manually texts and emails schedule to employees - Manually updates and messages any changes How ScheduleMaker can help Sara
  • 26.
    ScheduleMaker saves admintime & effort:  Weekly schedules entered online/app  Integrated with the payroll system  Automatic messaging to employees  Instant access to weekly schedule  Easily make time-off or shift changes  Instantly notified of any schedule changes How ScheduleMaker can help Sara
  • 27.
    Common Objections tousing ScheduleMaker 1. Many of my employees are students who only work part-time and for a couple of months out of the year, so I don’t want to pay software fees for employees that I don’t have any more. 2. Some of my employees don’t have a smartphone. 3. I don’t have time to learn complicated software and teach my team how to use it. Sample Persona - Sara
  • 28.
    Creating a SamplePersona - Sara ScheduleMaker Marketing Messaging  ScheduleMaker is an employee scheduling app used by over 10000 small businesses like yours.  Set up your account in minutes, enter your shift schedule online and your team members will automatically get a text or email notification.  Employees can easily request schedule changes or time-off through the app.  There is no contract and you can easily add or remove employees and you only pay for the employees you have.
  • 29.
    Creating a SamplePersona - Sara ScheduleMaker Elevator Pitch ScheduleMaker is an easy to use employee scheduling app used by over 10000 small businesses like yours.
  • 30.
    S.M.A.R.T Objectives foryour website Sources: http://en.wikipedia.org/wiki/SMART_criteria S M A T R Specific Measurable Attainable/ Achievable Relevant Time-bound
  • 31.
    How ScheduleMaker Website Objectives Long-termGoal: To double our customer base in the next 5 years. Main Objective: To get 20 new signups in the next month.
  • 32.
     S.M.A.R.T Objectives foryour website Specific? Measurable? Attainable? Time-bound? Relevant?  
  • 33.
     Is this objectiveattainableAttainable? 2,000 free trial signups  20 new paid signups (at a 1% conversion rate i.e. 1 out of 100 free trials buy)  2,000 free trial signups x .01 = 20 new paid signups Calculation
  • 34.
     Is this objectiveattainableAttainable? 200,000 website visitors  2,000 free trial signups (at a 1% conversion rate i.e. 1 out of 100 visitors sign up for a free trial)  200,000 website visitors x .01 = 2,000 free trial signups Calculation
  • 35.
     Is this objectiveattainableAttainable? IF: • Average of 170,000 to 190,000 website visitors per month • Average conversion rate is 1% THEN: YES! This objective is attainable.
  • 36.
     Is this objectiveattainableAttainable? IF: • Average of 2,000 website visitors per month • Average conversion rate is 1% THEN: NO! This objective is not attainable. ASSUME: • Projected - 200,000 website visitors per month
  • 37.
     S.M.A.R.T Objectives foryour website Specific? Measurable? Attainable? Time-bound? Relevant?     
  • 38.
    How ScheduleMaker Website Objectives Long-termGoal: To double our customer base in the next 5 years. Main Objective: To get 20 new signups in the next month. (2,000 free trial signups and => at least 200,000 unique visitors to our website)
  • 39.
    RESEARCHING COMPETITORS AND SAMPLESAND CREATING A SWIPE FILE
  • 40.
    *Source: http://en.wikipedia.org/wiki/Swipe_file Benefits ofa Swipe File • A collection of tested marketing and advertising collateral including websites, emails, sales letters, headlines, designs, etc.* • A great resource for different tactics that have been tested and proven to work in the past. • Used by marketers, designers, writers and entrepreneurs.
  • 44.
  • 50.
  • 51.
    About you: • Whatdo you do? • How long have you been doing it? • What challenges are you facing? • What is the competition like? Objectives: What do you want to achieve? Personas: Who is your customer? Briefing Meeting Cheat Sheet
  • 52.
    Scope: Review wireframes ProjectDetails: • Time frame • Budget • What you like • What you don’t like Briefing Meeting Cheat Sheet
  • 53.
    ALWAYS BE TESTING “YourHunch is Probably Wrong” - Distilled
  • 54.
    WRAP UP &Q&A’s
  • 55.
    How to Createa Website That Doesn’t Suck
  • 56.
    Think strategically aboutwhat you want to achieve S.M.A.R.T Objectives
  • 57.
    Think about youraudience - Personas
  • 58.
    Look at what’sout there – Market and Competition swipe file
  • 59.
  • 60.
  • 61.
  • 62.
    For 50% offin-depth online course: How to Create a Website that Doesn’t Suck danasalman1@gmail.com

Editor's Notes

  • #2  LECTURE 1
  • #3 LECTURE 2
  • #4 LECTURE 3
  • #5 LECTURE 7
  • #7 LECTURE 4A
  • #8 http://www.jamilin.com/ Bp.com COMPLICATED NAVIGATION AND TOO MUCH INFORMATION
  • #9 Bp.com Bp.com COMPLICATED NAVIGATION AND TOO MUCH INFORMATION
  • #10 http://www.alfredsung.com/
  • #14 Lings cars.com 3.5 million pounds of revenue in one month
  • #15 Lings cars.com 3.5 million pounds of revenue in one month
  • #16 Lings cars.com 3.5 million pounds of revenue in one month
  • #17 LECTURE 7
  • #18 LECTURE 6
  • #19 LECTURE 6
  • #20 LECTURE 7
  • #22  LECTURE 9
  • #23  LECTURE 9
  • #24  LECTURE 9
  • #25  LECTURE 9
  • #26  LECTURE 9
  • #27 Lecture 9
  • #28 Lecture 9
  • #29  LECTURE 9
  • #30  LECTURE 9
  • #31 LECTURE 10 PART 1
  • #32  LECTURE 10 PART 2
  • #33  LECTURE 10 PART 2 Once attainable check mark appears move on to the next slide (number 32)
  • #34  LECTURE 10 PART 2
  • #35  LECTURE 10 PART 2
  • #36  LECTURE 10 PART 2
  • #37  LECTURE 10 PART 2 after this go back to slide 30 and pick up after ATTAINABLE i.e. relevant)
  • #38  LECTURE 10 PART 2 Once attainable check mark appears move on to the next slide (number 32)
  • #39 LECTURE 10 PART 2
  • #40 LECTURE 11
  • #41  LECTURE 14
  • #45 LECTURE 11
  • #51 LECTURE 7
  • #52  LECTURE 8 PART 2
  • #53  LECTURE 8 PART 2
  • #54 LECTURE 7
  • #55 LECTURE 7
  • #56 LECTURE 7
  • #57 LECTURE 7
  • #58 LECTURE 7
  • #59 LECTURE 7
  • #60 LECTURE 7
  • #61 LECTURE 7
  • #62 LECTURE 7
  • #63 LECTURE 2