This is the first in a series of posts showing how we use Campfire as our virtual office. All screenshots shown are real and were taken during one week in September.
Campfire is where our team — local and remote — gathers everyday. We use it to chat, show each other screenshots, get feedback, upload files, collaborate on copy, share code, get alerts when sites are modified, search previous conversations, and much more.
It does so many disparate things that it’s sometimes tough for us to explain its power. People get it but they don’t always really get it. The screenshots and video tour at the Campfire site are a good start. But there’s so much more.
One week in Campfire: How we use it for design
These “Behind the scenes” posts aim to show you 1) how we work and 2) all the little things that we get done in Campfire every day. We picked one week in September and took screenshots of some of our key interactions. This first batch focuses on design.
If you’re a designer (or work with one), the great thing about using Campfire is that you can upload images and view them inline while chatting about them. If you use Pyro, you can even drag and drop the images right into Campfire. Once you share and discuss images so seemlessly, you’ll never want to go back to the old way again. On to the examples…
Tweak a screen’s interface on the fly
Ryan uploads a couple of screens and explains why he prefers one over the other. Jason suggests adding some explanatory text. When it was eventually implemented, it looked like this.
Upload a screen showing what changed on the server
Ryan commits a change. Then he uploads a revised screen and explains what’s different.
Show a programmer a UI and get a time estimate for implementation
Ryan posts a proposed screen change and queries Jeremy to see how much work it will take.
Hash out implementation of a new search feature
Jason starts a discussion about a new search feature. Sam uploads a relevant screen from Apple’s OS X.
Point out a cool UI feature at another site
Ryan uploads a screen at Facebook with a neat UI touch.
Matt sketches out some layout ideas, snaps some quick photos, and shares them with others.
Show an inspirational image
Creative thinking from other sites can provide a nice inspiration boost. Here, Jason posts a neat image from a pen site.
Figure out the best way to design a form
Ryan and Jason discuss the best way to layout a form. Jason offers a quickie pseudo-layout in the “View paste” field to illustrate his idea.
Coming soon: How we use Camfire for programming, sysadmin, and more.