I HIRED JASON SANTA MARIA after reading this post on his site.

The year was 2004. Douglas Bowman, one of my partners on a major project, had just injured himself and was unable to work. I needed someone talented and disciplined enough to jump into Doug’s shoes and brain—to finish Doug’s part of the project as Doug would have finished it.

I lack the ability to emulate other designers (especially classy ones like Douglas Bowman) and I was a Photoshop guy whereas Doug worked in Illustrator, so I knew I needed a freelancer. But who?

A Google search on Illustrator and web design led me to a post by a guy I’d never heard of. The post was enjoyably written and reflected a mature and coherent attitude not simply toward the technique it described, but to the practice of design itself. Yes, the blog itself was intriguingly and skillfully designed, and that certainly didn’t hurt. But what made me hire Jason was not the artistry of his website’s design nor the demonstration that he possessed the technical skill I sought, but the fact that he had an evolved point of view about web design.

Anyone can write a how-to. Not everyone thinks to write a why.

Jason had.

I offered him the thankless task of aping another designer’s style for not a ton of money under extreme time pressure, and to my pleased surprise, he accepted. He did so well, and performed so selflessly, that I hired him for another project, this time one with full creative freedom. I have never regretted those decisions.

Just about everyone I know and work with I first met online. And, although well-done portfolio services have their place, neither I nor anyone at Happy Cog has ever hired someone purely (or even largely) on the basis of their portfolio. It’s all about how you present yourself online. Before I even meet you, do I feel like I know you—or like I wish I knew you?

Have you got a point of view? Are you sharing it?

JASON SANTA MARIA (website, Twitter) will be our guest Thursday December 9th, 2010 during Episode No. 30 of The Big Web Show (“Everything Web That Matters”), co-hosted by Dan Benjamin and recorded at 1:00 PM Eastern before a live internet audience.

Jason is a self-described Graphic Designer living in sunny Brooklyn, New York. He is the founder and principal of the design studio Mighty, creative director for Typekit, a faculty member in the MFA Interaction Design program at SVA, co-founder of A Book Apart (Brief Books for People Who Make Websites), vice president of AIGA/NY, founder of Typedia, a shared encyclopedia of typefaces online, and creative director for A List Apart for people who make websites. A former designer and creative director at Happy Cog, Jason has worked for clients such as AIGA, The Chicago Tribune, Housing Works, Miramax Films, The New York Stock Exchange, PBS, The United Nations, and WordPress, “focusing on designing websites that maintain a balance of beauty and usability.”

The Big Web Show records live every Thursday at 1:00 PM Eastern on live.5by5.tv. Edited episodes can be watched afterwards, often within hours of recording, via iTunes (audio feed | video feed) and the web. Subscribe and enjoy!

Jeffrey Zeldman onstage at Galapagos Art Space, Brooklyn, New York. Photo by Onno de Jong from last night’s AIGA/NY talk and birthday celebration, curated by Jason Santa Maria.

Web fonts are here. Now what? In Issue No. 296 of A List Apart for people who make websites, Nice Web Type’s Tim Brown debuts Web Font Specimen, a handy, free resource to see how real fonts really look on the web; and Jason Santa Maria discourses on web type, showing how to avoid using fonts that don’t work on the web, and achieve graceful pairings of fonts that do.

For those who couldn’t be there, and for those who were there and seek to savor the memories, here is An Event Apart Chicago, all wrapped up in a pretty bow:

AEA Chicago – official photo set

By John Morrison, subism studios llc. See also (and contribute to) An Event Apart Chicago 2009 Pool, a user group on Flickr.

A Feed Apart Chicago

Live tweeting from the show, captured forever and still being updated. Includes complete blow-by-blow from Whitney Hess.

Luke W’s Notes on the Show

Smart note-taking by Luke Wroblewski, design lead for Yahoo!, frequent AEA speaker, and author of Web Form Design: Filling in the Blanks (Rosenfeld Media, 2008):

1. Jeffrey Zeldman: A Site Redesign
2. Jason Santa Maria: Thinking Small
3. Kristina Halvorson: Content First
4. Dan Brown: Concept Models -A Tool for Planning Websites
5. Whitney Hess: DIY UX -Give Your Users an Upgrade
6. Andy Clarke: Walls Come Tumbling Down
7. Eric Meyer: JavaScript Will Save Us All (not captured)
8. Aaron Gustafson: Using CSS3 Today with eCSStender (not captured)
9. Simon Willison: Building Things Fast
10. Luke Wroblewski: Web Form Design in Action (download slides)
11. Dan Rubin: Designing Virtual Realism
12. Dan Cederholm: Progressive Enrichment With CSS3 (not captured)
13. Three years of An Event Apart Presentations

Note: Comment posting here is a bit wonky at the moment. We are investigating the cause. Normal commenting has been restored. Thank you, Noel Jackson.

Short URL: zeldman.com/?p=2695

Doug and Brian Alvey and Adam Greenfield and I were working on a big client project when Doug’s back went out. He was so sick, he couldn’t work, and it was unclear when he would be able to work again.

As a friend, I was worried about Doug. As a creative director, I was worried about finishing my client’s project.

Doug and I had both done designs. The client liked my design but I’d sold him Doug’s. Now Doug couldn’t finish, and I didn’t trust myself to execute the remaining pages in Doug’s style. I needed someone skilled enough to finish what Doug had started and mature enough to sublimate his own style while still making good design choices.

I had just read “Grey Box Methodology,” a well-written romp through a personal design process. The author was a young designer named Jason Santa Maria. His site looked great, his portfolio was impressive, he had good ideas about design, and the process he had written about lent itself to the technical aspects of finishing Doug’s work.

I wrote to Jason Santa Maria, telling him I had a small freelance project that was probably boring and would bring him no glory, since it required him to design like someone else. Jason was game and said yes. He did a great job and was egoless about it, and he seemed perfectly comfortable working with better established, heavyweight talents. His quick, professional, selfless work kept the project going until Doug was back on his feet.

To reward Jason for what he had done, when a new and juicy assignment came my way, I asked if he wanted to be the project’s lead designer. The rest you can you figure out.

For four and a half years, Jason Santa Maria has been a designer and then a creative director at Happy Cog. In an agency filled with talent, he made a huge personal mark. I’ve trusted him with some of the most important designs we’ve handled, from AIGA to the redesign of A List Apart. He has never let me down, professionally or personally. More than that, his work has expanded my conception of what web design can be.

Four and a half years is a couple of centuries in internet time. For about a year, Jason and I have known that it was getting to be time for him to move on. Not that we had any problem with him or he with us. But just that nearly half a decade is a long time for any designer to spend in one place.

As he has just announced, Jason is leaving Happy Cog. He will stay involved in A List Apart and perhaps a few selected projects, but basically he is out the door and spreading his wings. Godspeed.

[tags]jasonsantamaria, Jason Santa Maria, JSM, Stan, adieu, happycog, design, webdesign[/tags]

[tags]modular, layout, system, css, design, webdesign, jasonsantamaria[/tags]

[tags]aeasf08, aneventapart, webdesign, conference, sanfrancisco[/tags]

Functioning Form – An Event Apart: Understanding Web Design

Luke Wroblewski: “Jeffrey Zeldman’s Understanding Web Design talk at An Event Apart Boston 2008 highlighted factors that made it challenging to explain the value and perspective of Web designers but still managed to offer a way to describe the field.”

Functioning Form – An Event Apart: The Lessons of CSS Frameworks

Luke Wroblewski: “At An Event Apart Boston 2008, Eric Meyer walked through common characteristics of several Cascading Style Sheet (CSS) frameworks and outlined lessons that can be learned from their structure.”

Functioning Form – An Event Apart: Good Design Ain’t Easy

Luke Wroblewski: “Jason Santa Maria’s Good Design Ain’t Easy talk at An Event Apart 2008 argued for deeper graphic resonance in the presentation of content online.”

KarlynMorissette.com: An Event Apart: Day one schedule

Karyln is an educator who attended An Event Apart Boston 2008, sat in the front row, and took fabulous notes. This summary post links to her individual notes from each session of day one.

Karlyn’s session notes are informative, opinionated, and fun to read, and include photos of speakers and presentations. Well worth your time!

KarlynMorissette.com: An Event Apart: Day two schedule

Karyln assesses day one and posts links to her individual notes from each session of day two (except for the last session, as “you had to be there” for the live critiques).

Idiot Banter: An Event Apart session notes

Notes from all sessions.

Slide sharing

Luke Wroblewski – An Event Apart: Web Application Hierarchy

“In my Web Application Hierarchy presentation at An Event Apart Boston 2008, I walked through the importance of visual hierarchy, visual principles for developing effective hierarchies, and utilizing applications of visual hierarchy to communicate central messages, guide actions, and present information. Download the slides from my presentation.”

Quirksmode: AEA Boston slides

From Peter-Paul Koch’s presentation on unobtrusive scripting.

[tags]aneventapart, design, webdesign, conference, aeaboston08, session notes, downloads[/tags]

Eric and I started An Event Apart because we saw the need for a live, concentrated, learning and sharing experience about best practices and inspiration for the standards-based web design community. Thanks to brilliant speakers, phenomenally dedicated and supremely competent staff, and an extraordinary and growing attendee base of passionate practitioners, the show is steadily becoming the thing of which we dreamed.

And the food was pretty good, too.

Thank you for the ideas, jokes, and kick-ass Keynote graphics, Luke, Jeff, Jared, Ethan, ppk, Chris, Andy, Kim, Jason, and Doug.

Thanks also to our wonderful sponsors, Adobe (who gave away six copies of Creative Suite 3), GoodBarry (who packed goodies for everyone), and (mt) Media Temple (who threw a party so good, many people who attended don’t remember having been there).

Most of all, our deep thanks to all who came. Without you, Eric and I would be two lonely crackpots with a theory that web design matters. It will sound insincere because I have a vested interested for saying and thinking this, but you are truly the smartest and coolest “audience” going, and I put audience in quotes because you are so much more than that. So, you know, thanks.

Thank you, Boston. We’ll be back in 2009. (And now, on to San Francisco and Chicago.)

Watch this space for AEA Boston session notes and download links, coming momentarily.

[tags]aneventapart, design, webdesign, conference, aeaboston08[/tags]

Jason didn’t just redesign his website, he issued a call to arms. And what he called for was real art direction on the web.

Now, over the years, plenty of others have called for art direction on the web, and some have achieved it. Quite famously, starting in September 1996, Derek Powazek achieved it with the original {fray}, an independent, non-commercial, personal storytelling site featuring the finest writers and illustrators on the web, not a few of whom {fray} discovered and launched. Stories like Lance Arthur’s A Little Black Death, Molly Steenson’s Pulling a Geographic (now sadly stuck in a loop), and Rebecca Eisenberg’s Mugged weren’t just compellingly written; they were compellingly written and art directed. The drama of viewing and wondering what the next page held was part of the reading experience, as it is in visually leading print magazines like Seed and Wired.

{fray} was a magnificent achievement and still is, and if design officialdom didn’t recognize it at the time, and hasn’t recognized it since, the fault lies with officialdom.

But {fray} was not only a labor of love, it was also a labor of labor—each page lovingly hand crafted in the browser-centric HTML of the time. And today we are modern and streamlined, not only in our markup, but in our means of production. We’re all about blogs and zines, templates and CMS platforms. Nobody but weird Unibomber-like hermits and Tantek hand-codes individual pages anymore.

And it is to that environment—to our environment—that Jason’s redesign speaks, calling for real art direction in the context of template-and-CMS-based publications.

Well, here is my experiment: a very simple setup for fast design and art direction around content. I’m approaching this is much the same way one would approach the design of a magazine: a system for the way content gets handled, but every layout and story can take on a look of their own within that system.

It’s just a blog, like any blog, although better looking than most. Housed on what is essentially a beefed-up open source blogging platform. Beefed up just enough to allow the writer/designer to change colors, typefaces, and the position and shape of copy blocks on a per-post basis as needed.

Speaking of beef, where is it? Where are all these posts with unique layouts within an overarching and unifying system of design? They have yet to be written and produced. But I’ve seen the comps and know some of what is coming, and it is going to be a lovely, drawn-out feast.

And even if it were not half as lovely as it will be—if Jason, instead of being one of our leading web designers, were a visual illiterate—the idea would still matter, and this proof of concept would still merit our gratitude.

[tags]artdirection, webdesign, jasonsantamaria, derekpowazek,{fray}[/tags]