A Peek at Our Design Process

A quick peek at the evolution of Tupaia, a small internal roadmap planner we made to help with development on Ruzuku.

Step 1: Sketching out ideas for the main roadmap view. The inspiration came in large part from Story Mapping.

Step 2: Once we’d started to get some focus around the design and features of the app, I did some wireframes in Balsamiq. We don’t always use wireframes for projects—for Ruzuku we’ve done a lot of HTML prototyping instead—but it’s a nice tool when you aren’t really comfortable yet with translating the idea into code.

Step 3: The production of the design was a little tricky, since the main view had to scroll horizontally, and I wanted to include mousewheel support. The code wasn’t very complex, but it was definitely new to me.

jacksonfox  /  1 year ago  /  Notes