37signals logo

This is Signal vs. Noise, a weblog by 37signals about design, business, experience, simplicity, the web, culture, and more. Established 1999 in Chicago. Follow us on Twitter for more information on our products.

Jobs:

See more on our Job Board.

Seen by Jason F. on March 12 2009:

37s-preview.jpg

Preview of the new 37signals.com launching soon.
Blue Sharpie on inkjet paper.

Looking for a job? Got a position to fill? Check out the Job Board.
Got a web design project in mind? Find a web designer on Sortfolio. Browse by visual style, portfolio, budget, and geographic location.
Over 1 million people use 37signals' simple web-based software to collaborate on projects, track contacts, and organize their business with an intranet.

25 comments so far

windock 12 Mar 09

Would be great if it is not a preview but actual design. VIP section?

Stephen Jenkins 12 Mar 09

I like the overall layout, but the text is very difficult to read, specifically the headline and body text. Considering using a serifed font, some like Georgia maybe?

JF 12 Mar 09

Windock, that is the design. It’s revolutionary! Just going to scan pages and make them huge image maps.

Anonymous Coward 12 Mar 09

I think those say VID .

Anyways… i love mock ups like this. I have piles myself after seeing some that you guys did years ago. Also lolz at Stephen’s font comment.

evolve 12 Mar 09

Web 3.0 anyone?

BJ Neilsen 12 Mar 09

More like Web 0.9 :D

Peter Cooper 12 Mar 09

Future post idea: I notice the accolades are quite key there (the only things written in, in fact!) – does 37signals consider / find these important in order to building trust with visitors? If so, in what way?

Josh Williams 12 Mar 09

So awesome.

Dave Tolsma 12 Mar 09

I thought they would have used for this type of mockup.

Richard A. Muscat 12 Mar 09

Loving it … the classic “you’re not allowed to read this” marketing technique.

JF 12 Mar 09

Dave: Balsamiq looks like a useful service for heavy wireframers, but for us paper and sharpies are the perfect fit.

Rich 12 Mar 09

“Getting Real” design tip: Just say no to Lorem Ipsum.

I kid, I kid. Obviously there’s a place for this kind of design before you start setting copy.

Chris 12 Mar 09

Wait wait wait…I thought 37 signals just jumped right into the code; html mockups and all!

JF 12 Mar 09

Chris: We sketch first and then to go HTML . Which is what we did. (had to make some of the graphical elements in Photoshop too).

Lindsey 12 Mar 09

Hmm… I like where your going here… but… there’s just too much blue!

I kid. I love seeing hand-drawn mockups. So many people just jump right into the photoshopping/graphic work without getting a real idea of the organization and architecture of the site.

Ricky Irvine 12 Mar 09

I like the image map idea.

Sammy 12 Mar 09

What’s your take on user testing? When does it get tested for the first time? Would you use a tool like this for rapid iterative testing? Even possible for blue sharpie drawings..

JF 12 Mar 09

Sammy: We don’t user test in the traditional sense. We do our best work, we put it out there, and then we tweak tweak tweak based on our changing perspective and people’s feedback. So our users are real people looking at the site (or using the products) for real. Anything else is too abstract for us.

Aaron 13 Mar 09

The font is too small and the links are the same color as the regular text…

Judson Collier 13 Mar 09

Love the new 37 signals logo. The Zigzags really capture the eye.

Always found the right side logo interesting though. What’s your thought behind that?

Jonas Sveningsson 13 Mar 09

Did anyone say mystery meat navigation? :)

William 13 Mar 09

That’s exactly how it’s done. I prefer a blue Bic pen however.

Calvin Chan 13 Mar 09

haha, that’s awesome!

MongoCode 14 Mar 09

JF: we call that using your customers as beta testers. :) Though, for design, it’s probably not a big deal where what you see is literally what you get.

rick 16 Mar 09

I’ve started using my son’s crayola markers for site sketching.

Even better than sharpies.

Also, they come off the walls with just a bit of water.

Comments are closed