Download - A Web Design Process
![Page 1: A Web Design Process](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/1.jpg)
A Web Design Process
Tuesday, January 17, 12
![Page 2: A Web Design Process](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/2.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/3.jpg)
"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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/4.jpg)
What method do you use?• Waterfall• Scrum• Agile
A Web Design Process
Tuesday, January 17, 12
![Page 5: A Web Design Process](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/5.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/6.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/7.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/8.jpg)
Discovery
A Web Design Process
Tuesday, January 17, 12
![Page 9: A Web Design Process](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/9.jpg)
Schedule
A Web Design Process
Tuesday, January 17, 12
![Page 10: A Web Design Process](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/10.jpg)
Wireframes
A Web Design Process
Tuesday, January 17, 12
![Page 11: A Web Design Process](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/11.jpg)
Design
A Web Design Process
Tuesday, January 17, 12
![Page 12: A Web Design Process](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/12.jpg)
Content
A Web Design Process
Tuesday, January 17, 12
![Page 13: A Web Design Process](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/13.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/14.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/15.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/16.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/17.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022020206/540737138d7f7288088b4a02/html5/thumbnails/18.jpg)
Thank you!
A Web Design Process
• For any questions feel free to contact me!• [email protected]
Tuesday, January 17, 12