SlideShare ist ein Scribd-Unternehmen logo
1 von 18
Downloaden Sie, um offline zu lesen
A Web Design
                          Process



Tuesday, January 17, 12
"If you focus on the process of
      climbing, you'll end up on the summit."
                                   - Yvon Chouinard, Patagonia




                          A Web Design Process
Tuesday, January 17, 12
"In the beginning, it's not necessarily
      important what your process is, it's that
      you have one."
                                                 - Steve Axthelm




                          A Web Design Process
Tuesday, January 17, 12
What method do you use?
             • Waterfall
             • Scrum
             • Agile




                          A Web Design Process
Tuesday, January 17, 12
Waterfall approach with
             some tweaks
             • The Waterfall method works, because
               clients get it. There is precedent for it.




                          A Web Design Process
Tuesday, January 17, 12
Process Overview
             • Meet / Estimate / Contract
             • Kickoff / Mindmap / Schedule
             • Wireframes / Site Architecture
             • Design Mockups / Key Pages
             • Development / Content
             • Reviews / Fixes / Launch



                          A Web Design Process
Tuesday, January 17, 12
Our terms are unique
             • Price according to features
             • Use Freshbooks "Accept" estimate feature
             • Contract has EVERYTHING in it!
             • Dates depend on features
             • 50% deposit, 25% after 30 days, 25% at end
             • No work released until paid in full
             • Anything changes, work stops


                          A Web Design Process
Tuesday, January 17, 12
Discovery




                          A Web Design Process
Tuesday, January 17, 12
Schedule




                          A Web Design Process
Tuesday, January 17, 12
Wireframes




                          A Web Design Process
Tuesday, January 17, 12
Design




                          A Web Design Process
Tuesday, January 17, 12
Content




                          A Web Design Process
Tuesday, January 17, 12
Revisions
             • 5 hours of revisions only
             • Two rounds of revisions
             • Create list one, do list one
             • Create list two, do list two
             • Additional revisions require new estimate
               and charged $150 / hr

             • Test like crazy - Browserstack.com


                          A Web Design Process
Tuesday, January 17, 12
Walkthrough & Education
             • Create a formal review
             • Reference original goals
             • Set time for training, 5 hours
             • Note any last minute bugs
             • Set a date for launch
             • Invoice for final payment



                          A Web Design Process
Tuesday, January 17, 12
Final Power Tips
             • Set up a regular status update schedule
             • Warn of blackout period during production
             • Projects get weird at 3 months, meet up
             • Go live on a Tuesday
             • Follow up with your client in a week, really
             • If you messed up, fix it
             • If they want more, charge for it


                          A Web Design Process
Tuesday, January 17, 12
When it goes south...
             • Call client for call or meeting
             • It's better to have a face to face
             • Review where things are & what's left
             • Provide scenarios for completion
             • Come up with a realistic timeline
             • Do what you say



                          A Web Design Process
Tuesday, January 17, 12
Sleep great
             • Be elegant
             • Be professional
             • Be sincere
             • Do great work




                          A Web Design Process
Tuesday, January 17, 12
Thank you!

        • For any questions feel free to contact me!
        • Wes@CrowdedSites.com




                          A Web Design Process
Tuesday, January 17, 12

Weitere ähnliche Inhalte

Andere mochten auch

SharePoint 2013 for Project Management from BrightWork and Atidan
SharePoint 2013 for Project Management from BrightWork and AtidanSharePoint 2013 for Project Management from BrightWork and Atidan
SharePoint 2013 for Project Management from BrightWork and AtidanDavid J Rosenthal
 
Promotion Planning: Maximize Your Marketing Calendar by Making Every Channel ...
Promotion Planning: Maximize Your Marketing Calendar by Making Every Channel ...Promotion Planning: Maximize Your Marketing Calendar by Making Every Channel ...
Promotion Planning: Maximize Your Marketing Calendar by Making Every Channel ...Bulldog Solutions and Frost & Sullivan
 
The Complete Web Design Strategy Checklist
The Complete Web Design Strategy ChecklistThe Complete Web Design Strategy Checklist
The Complete Web Design Strategy ChecklistBrightIdeas.co
 
Marketo's Journey: Marketing Calendar
Marketo's Journey: Marketing CalendarMarketo's Journey: Marketing Calendar
Marketo's Journey: Marketing CalendarMarketo
 
Sound Transit 3 Candidate Project Templates
Sound Transit 3 Candidate Project TemplatesSound Transit 3 Candidate Project Templates
Sound Transit 3 Candidate Project TemplatesZach Shaner
 
Free Project management Template for SharePoint from BrightWork and Atidan
Free Project management Template for SharePoint from BrightWork and AtidanFree Project management Template for SharePoint from BrightWork and Atidan
Free Project management Template for SharePoint from BrightWork and AtidanDavid J Rosenthal
 
Introducing Marketo's Marketing Calendar
Introducing Marketo's Marketing CalendarIntroducing Marketo's Marketing Calendar
Introducing Marketo's Marketing CalendarMarketo
 
Free presentation template for web design projects
Free presentation template for web design projectsFree presentation template for web design projects
Free presentation template for web design projectsThomas Talavera Karslake
 
Marketing & PR Strategy Planning Template
Marketing & PR Strategy Planning TemplateMarketing & PR Strategy Planning Template
Marketing & PR Strategy Planning TemplateWiley
 

Andere mochten auch (13)

SharePoint 2013 for Project Management from BrightWork and Atidan
SharePoint 2013 for Project Management from BrightWork and AtidanSharePoint 2013 for Project Management from BrightWork and Atidan
SharePoint 2013 for Project Management from BrightWork and Atidan
 
Web Design Process
Web Design ProcessWeb Design Process
Web Design Process
 
Promotion Planning: Maximize Your Marketing Calendar by Making Every Channel ...
Promotion Planning: Maximize Your Marketing Calendar by Making Every Channel ...Promotion Planning: Maximize Your Marketing Calendar by Making Every Channel ...
Promotion Planning: Maximize Your Marketing Calendar by Making Every Channel ...
 
The Complete Web Design Strategy Checklist
The Complete Web Design Strategy ChecklistThe Complete Web Design Strategy Checklist
The Complete Web Design Strategy Checklist
 
Marketing Calendar
Marketing CalendarMarketing Calendar
Marketing Calendar
 
Marketo's Journey: Marketing Calendar
Marketo's Journey: Marketing CalendarMarketo's Journey: Marketing Calendar
Marketo's Journey: Marketing Calendar
 
Project Templates
Project TemplatesProject Templates
Project Templates
 
Marketing calendar
Marketing calendarMarketing calendar
Marketing calendar
 
Sound Transit 3 Candidate Project Templates
Sound Transit 3 Candidate Project TemplatesSound Transit 3 Candidate Project Templates
Sound Transit 3 Candidate Project Templates
 
Free Project management Template for SharePoint from BrightWork and Atidan
Free Project management Template for SharePoint from BrightWork and AtidanFree Project management Template for SharePoint from BrightWork and Atidan
Free Project management Template for SharePoint from BrightWork and Atidan
 
Introducing Marketo's Marketing Calendar
Introducing Marketo's Marketing CalendarIntroducing Marketo's Marketing Calendar
Introducing Marketo's Marketing Calendar
 
Free presentation template for web design projects
Free presentation template for web design projectsFree presentation template for web design projects
Free presentation template for web design projects
 
Marketing & PR Strategy Planning Template
Marketing & PR Strategy Planning TemplateMarketing & PR Strategy Planning Template
Marketing & PR Strategy Planning Template
 

Mehr von Wes Chyrchel

WCSD 2015: Milestones and Delivery. Tough Conversations and Scope Creep
WCSD 2015: Milestones and Delivery. Tough Conversations and Scope CreepWCSD 2015: Milestones and Delivery. Tough Conversations and Scope Creep
WCSD 2015: Milestones and Delivery. Tough Conversations and Scope CreepWes Chyrchel
 
How To Get Great Clients - Alignment First - Expectations Second
How To Get Great Clients - Alignment First - Expectations SecondHow To Get Great Clients - Alignment First - Expectations Second
How To Get Great Clients - Alignment First - Expectations SecondWes Chyrchel
 
How To Sell WordPress
How To Sell WordPressHow To Sell WordPress
How To Sell WordPressWes Chyrchel
 
WordCamp San Diego 2013 - Why Projects Go South
WordCamp San Diego 2013 - Why Projects Go SouthWordCamp San Diego 2013 - Why Projects Go South
WordCamp San Diego 2013 - Why Projects Go SouthWes Chyrchel
 
Responsive widget-design-with-word press
Responsive widget-design-with-word pressResponsive widget-design-with-word press
Responsive widget-design-with-word pressWes Chyrchel
 
BuddyPress Tips: How We Built chekmrk
BuddyPress Tips: How We Built chekmrkBuddyPress Tips: How We Built chekmrk
BuddyPress Tips: How We Built chekmrkWes Chyrchel
 
Strategy for a successful WordPress project
Strategy for a successful WordPress projectStrategy for a successful WordPress project
Strategy for a successful WordPress projectWes Chyrchel
 

Mehr von Wes Chyrchel (7)

WCSD 2015: Milestones and Delivery. Tough Conversations and Scope Creep
WCSD 2015: Milestones and Delivery. Tough Conversations and Scope CreepWCSD 2015: Milestones and Delivery. Tough Conversations and Scope Creep
WCSD 2015: Milestones and Delivery. Tough Conversations and Scope Creep
 
How To Get Great Clients - Alignment First - Expectations Second
How To Get Great Clients - Alignment First - Expectations SecondHow To Get Great Clients - Alignment First - Expectations Second
How To Get Great Clients - Alignment First - Expectations Second
 
How To Sell WordPress
How To Sell WordPressHow To Sell WordPress
How To Sell WordPress
 
WordCamp San Diego 2013 - Why Projects Go South
WordCamp San Diego 2013 - Why Projects Go SouthWordCamp San Diego 2013 - Why Projects Go South
WordCamp San Diego 2013 - Why Projects Go South
 
Responsive widget-design-with-word press
Responsive widget-design-with-word pressResponsive widget-design-with-word press
Responsive widget-design-with-word press
 
BuddyPress Tips: How We Built chekmrk
BuddyPress Tips: How We Built chekmrkBuddyPress Tips: How We Built chekmrk
BuddyPress Tips: How We Built chekmrk
 
Strategy for a successful WordPress project
Strategy for a successful WordPress projectStrategy for a successful WordPress project
Strategy for a successful WordPress project
 

A Web Design Process

  • 1. A Web Design Process Tuesday, January 17, 12
  • 2. "If you focus on the process of climbing, you'll end up on the summit." - Yvon Chouinard, Patagonia A Web Design Process Tuesday, January 17, 12
  • 3. "In the beginning, it's not necessarily important what your process is, it's that you have one." - Steve Axthelm A Web Design Process Tuesday, January 17, 12
  • 4. What method do you use? • Waterfall • Scrum • Agile A Web Design Process Tuesday, January 17, 12
  • 5. Waterfall approach with some tweaks • The Waterfall method works, because clients get it. There is precedent for it. A Web Design Process Tuesday, January 17, 12
  • 6. Process Overview • Meet / Estimate / Contract • Kickoff / Mindmap / Schedule • Wireframes / Site Architecture • Design Mockups / Key Pages • Development / Content • Reviews / Fixes / Launch A Web Design Process Tuesday, January 17, 12
  • 7. Our terms are unique • Price according to features • Use Freshbooks "Accept" estimate feature • Contract has EVERYTHING in it! • Dates depend on features • 50% deposit, 25% after 30 days, 25% at end • No work released until paid in full • Anything changes, work stops A Web Design Process Tuesday, January 17, 12
  • 8. Discovery A Web Design Process Tuesday, January 17, 12
  • 9. Schedule A Web Design Process Tuesday, January 17, 12
  • 10. Wireframes A Web Design Process Tuesday, January 17, 12
  • 11. Design A Web Design Process Tuesday, January 17, 12
  • 12. Content A Web Design Process Tuesday, January 17, 12
  • 13. Revisions • 5 hours of revisions only • Two rounds of revisions • Create list one, do list one • Create list two, do list two • Additional revisions require new estimate and charged $150 / hr • Test like crazy - Browserstack.com A Web Design Process Tuesday, January 17, 12
  • 14. Walkthrough & Education • Create a formal review • Reference original goals • Set time for training, 5 hours • Note any last minute bugs • Set a date for launch • Invoice for final payment A Web Design Process Tuesday, January 17, 12
  • 15. Final Power Tips • Set up a regular status update schedule • Warn of blackout period during production • Projects get weird at 3 months, meet up • Go live on a Tuesday • Follow up with your client in a week, really • If you messed up, fix it • If they want more, charge for it A Web Design Process Tuesday, January 17, 12
  • 16. When it goes south... • Call client for call or meeting • It's better to have a face to face • Review where things are & what's left • Provide scenarios for completion • Come up with a realistic timeline • Do what you say A Web Design Process Tuesday, January 17, 12
  • 17. Sleep great • Be elegant • Be professional • Be sincere • Do great work A Web Design Process Tuesday, January 17, 12
  • 18. Thank you! • For any questions feel free to contact me! • Wes@CrowdedSites.com A Web Design Process Tuesday, January 17, 12