Tools - Gowiem/Sisyphus GitHub Wiki

Used for: brainstorming, design sprints

The original wireframing tool. Sometimes it's just easier to use a simple whiteboard and marker to get your ideas out quickly and efficiently.

Used for: wireframing

A rapid wirefraing tool. We used Balsamiq because it's simple and allows us to get our ideas across without worrying too much about aesthetics. It was a very easy tool to pick up because a lot of the shortcuts are the same as Adobe products.

Used for: styling the website

A CSS extension language that organizing syntax and makes CSS better. We used this to make CSS easier to understand among multiple team members.

Used for: styling the website

A front-end framework of CSS and HTML templates. We used this to make coding more efficient and standardized.

Used for: updating the working site

A version control system that allows code to be shared easily among multiple collaborators. GitHub is already a major tool used by developers, so it made sense to use it for this projects. The learning curve is a little steep for designers, but the developers helped us through the basics. We also referred to these introductory articles: GitHub for Beginners and Intro to Git for Web Designers.