A Tour of the Design Process at 37signals

Conference talk at Future of Web Design
· 34 min

In this talk from Future of Web Design 2010, Ryan Singer, who designs user interfaces and product concepts at Basecamp (formerly 37signals), walks through the steps of creating a web app: modeling, sketching, HTML, Photoshop explorations, and the move from static mockups to live running code.

Each step is illustrated with a real example, including some live sketching and live HTML on stage. Ryan also explains how the team at 37signals thinks about apps, as a stack of different levels that can each be iterated on individually, which gives a practical view of how a small team moved from idea to working interface.

What you'll learn

  • The steps 37signals used to build a web app, from modeling to code
  • How sketching and HTML fit in before Photoshop explorations
  • How to move from static mockups to live running code
  • Why it helps to treat an app as a stack of levels to iterate on
Ryan Singer
2 conference talks · See speaker profile

Watch next

More from Ryan Singer

Free weekly newsletter

Real UI patterns and design psychology in your inbox

Learn how successful products use UI patterns and behavioral design. One email a week from UI-Patterns.com and Learning Loop.

Subscribe

More talks on Interface Design