a web design process

18
A Web Design Process Tuesday, January 17, 12

Upload: wes-chyrchel

Post on 03-Sep-2014

2.581 views

Category:

Documents


2 download

DESCRIPTION

Having a Web Design or Web Development Process is essential for good business and staying out of trouble. Here are some tips that I have developed over the last 15 years in Web Development. I hope you get a lot out of it. If you have any questions please let me know, [email protected]

TRANSCRIPT

Page 1: A Web Design Process

A Web Design Process

Tuesday, January 17, 12

Page 2: A Web Design Process

A Web Design Process

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

Tuesday, January 17, 12

Page 3: A Web Design Process

"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

Page 4: A Web Design Process

What method do you use?• Waterfall• Scrum• Agile

A Web Design Process

Tuesday, January 17, 12

Page 5: A Web Design Process

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

Page 6: A Web Design Process

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

Page 7: A Web Design Process

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

Page 8: A Web Design Process

Discovery

A Web Design Process

Tuesday, January 17, 12

Page 9: A Web Design Process

Schedule

A Web Design Process

Tuesday, January 17, 12

Page 10: A Web Design Process

Wireframes

A Web Design Process

Tuesday, January 17, 12

Page 11: A Web Design Process

Design

A Web Design Process

Tuesday, January 17, 12

Page 12: A Web Design Process

Content

A Web Design Process

Tuesday, January 17, 12

Page 13: A Web Design Process

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

Page 14: A Web Design Process

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

Page 15: A Web Design Process

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

Page 16: A Web Design Process

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

Page 17: A Web Design Process

Sleep great • Be elegant• Be professional• Be sincere• Do great work

A Web Design Process

Tuesday, January 17, 12

Page 18: A Web Design Process

Thank you!

A Web Design Process

• For any questions feel free to contact me!• [email protected]

Tuesday, January 17, 12