The document discusses designing a website for a developer using the Thesis theme framework in WordPress. It covers determining who the target audience is, what they want from the site, creating wireframes without Photoshop, implementing the design in Thesis including its frontend and backend options, coding the design using hooks and custom files, adding finishing touches in Photoshop, and taking questions at the end.

1. Design & Thesis Theme Framework for WordPress by @kingSidharth #wcjbp, #design & #thesiswp for WordCamp Jabalpur 2011

2. How much can a bad design cost you? Guess?

3. How much can a bad design cost you? $300,000,000 http://bit.ly/300mbad

4. Part 1: Design Design Part 2: Implement in Thesis

5. Design Part 1:

6. What are we designing?

7. What are we designing? A personal website... ... for a developer that... ... servers as a blog, ... ... online portfolio & collection of projects. (Example)

8. Whom are we designing for? Fellow developers. Prospect clients / employers.

9. What do they want? Fellow developers: Tech., Projects you work with and your “call me ;)” Prospect clients / employers: Problem solving skills and expertise.

10. Design time. Wireframes & Screw Photoshop Rant Live Magic Demystification Show

11. That’s how it’s done!

12. Implement in Thesis Part 2:

13. Why the hell do I like thesis so much?

14. Front-end of Thesis

18. Thesis Backend Options (Live Demo)

19. CSS Basics Tags: a{ color: white; } Classes: .links { color: white; } ID’s: #home_link { color: white; } Pseudo IDs : #header_area #logo { color: white; }

20. Design with hooks /custom_sample custom_function.php custom.css

21. Coding the Design (Live Demo)

22. Finishing Touches in Photoshop

23. git init

24. Questions?

25. Namasté King Sidharth UX Designer, Public Speaker @ kingSidharth www.KingSidharth.com w ww.64Notes.com [email_address] h.com

26. Photo Credits http://www.flickr.com/photos/jking89/