Erik Trautman logo crest shield seal

Erik Trautman

“Everything you can imagine is real.”
-- Pablo Picasso

TheOdinProject.com Redesign Part II: Turning Pretty Mockups Into Code

The Odin Project is a free online curriculum for learning web development with Ruby on Rails. It stitches together the best existing content into an opinionated and straightforward path for going from total novice to hireable as a junior developer.

I recently overhauled http://www.theodinproject.com to turn the website from the barest minimum into the kind of platform that can support a meaningful user experience and grow over time.

Because the project is founded on the belief that transparency and openness facilitate learning, in this two-post series I'll walk through the decisions behind the redesign and the tactics and trade-offs that were a part of its implementation. Find the first post here.

Getting Started

With the redesign goals laid out and the wireframes put together (see Part I), the needs of the users and the site owner were represented and it was time to move towards actually building it.

Read More…


TheOdinProject.com Redesign Part I: Goals (and Loving Thy User Experience)

The Odin Project is a free online curriculum for learning web development with Ruby on Rails. It stitches together the best existing content into an opinionated and straightforward path for going from total novice to hireable as a junior developer.

I recently overhauled http://www.theodinproject.com to turn the website from the barest minimum into the kind of platform that can support a meaningful user experience and grow over time.

Because the project is founded on the belief that transparency and openness facilitate learning, in this two-post series I'll walk through the decisions behind the redesign and the tactics and trade-offs that were a part of its implementation. You can view Part II here

The Old

The Odin Project started from some pretty darn humble beginnings -- it originated as a collection of Markdown files about web development on Github and a splash page that linked to them:

Read More…