11 November 201116
This week, Ryan Carson and his team @treehouse launched Treehouse. A totally reinvented version of Think Vitamin Membership. With Treehouse you can watch video tutorials on web design, web development and iOS. You then take quizzes and unlock badges that are shown on your public profile.
Ryan hired me to design and build the front-end of Treehouse. Alan Johnson (Developer) had the mammoth task of making it all work. I designed the style guide for the badges and then handed the actual badge design over to Allison Grayce. The whole Treehouse team was involved in making this a success! We also brought in Neil Kinnish who did browser/device testing and bug fixing.
I designed the entire app in the browser, mainly because the app is responsive and it’s easier to design in the browser. It’s still possible to design in Photoshop and hand work to a developer but today more than ever, designers need to know how to code and understand the principles of responsive web design.
Something else I used on this project was Sass. With Sass you can add nested rules, variables, mixins, selector inheritance etc. Your .scss files are translated to well-formatted, standard CSS using the command line tool or a web-framework plugin. It generally makes life a bit easier, especially on larger stylesheets.
Anyway, here are a few screenshots from Treehouse. You can view Treehouse here.