The personal disquiet of

Mark Boulton

August 20th, 2009

New shoes

I last redesigned my blog in 2006. Three years ago! I’ve looked at redesign­ing it for about two years now, so what got in the way?

Well, we’ve been buzz­ing around work­ing on all sorts of other pro­jects at Mark Boulton Design, and that’s kept me busy. It’s been quite a jour­ney and, rather than just writ­ing a plain ‘ol blog post about this, I thought it would be fun if I shared it all with you in this inter­view with my friend Car­o­lyn Wood.

CW: Let’s talk about the status of 5 Simple Steps. I had an early, advis­ory role in the birth of your book, before the writ­ing really got going. The next thing I knew, you’d become a pub­lish­ing house. Share the juicy details with us! It’s all very easy, right? ;)

MB: Yes. Piece of cake. Actu­ally, I remem­ber from those very early con­ver­sa­tions we had, you men­tioned the dif­fi­culties I could face when writ­ing the book. I think I went through each one of them in turn: blind panic, sleep­less nights, writer’s block, more panic, too much to do… the list goes on. It was back in 2006, and I really, really needed some help just get­ting off the ground with it. I had five pop­u­lar blog posts but wanted to make them into some­thing more sub­stan­tial. I had left the BBC, star­ted my own busi­ness, Emma and I had our daugh­ter, and we were in the midst of hav­ing build­ers add an exten­sion on our house.

All of that con­spired against me a little. The dream of writ­ing a book became some­what of a foggy, fes­ter­ing cloud in the back of my mind. That’s exactly why I needed someone to help me take those first steps. It was like someone learn­ing to ride a bike. They’re never per­fect at first. They fall over, graze their knees. Do it again. Before you know it, they’re off leav­ing you stand­ing and wav­ing. But without those first encour­aging words and help­ing hand from you, they’d still be walk­ing about instead of rid­ing. And that’s just what happened.

CW: So, I waved you on and you dug in and really star­ted writing.

MB: Yes, sud­denly the pro­ject had momentum. I was inspired to write, but I was increas­ingly inter­ested in see­ing if this one book could become more, and the Five Simple Steps imprint was born. We (Mark Boulton Design) hired a designer with a strong edit­or­ial and pub­lish­ing back­ground who spent three months design­ing, type­set­ting, and pro­du­cing the final book. As I wrote, we also star­ted to do pretty much everything else in-house from edit­ing and proofread­ing to dis­tri­bu­tion (both elec­tronic and tra­di­tional ful­fil­ment). We were driven to get it done and out there.

We have fairly big plans for Five Simple Steps. Dur­ing pro­duc­tion of Design­ing for the Web and talk­ing with other pub­lish­ers, we dis­covered not only a gap in the mar­ket for books that provide clear, prac­tical design guid­ance, but also an oppor­tun­ity to pub­lish and mar­ket books dif­fer­ently. Book dis­tri­bu­tion in the UK is basic­ally con­trolled by two huge dis­trib­ut­ors. To be on their cata­logue, you must have mul­tiple titles, oper­ate a min­imum stock level in their ware­houses, accept that they won’t pay you for 60 days, and so forth. This makes it quite impossible to be a small pub­lisher and have your books sold in Bor­ders or Water­stones in the UK. We learned that dis­trib­ut­ors only pay pub­lish­ers about half the cover price of the book—sometimes less! That means margins—once you factor in pro­duc­tion, ship­ping, and stor­age costs—are massively squeezed before you’ve even star­ted. The industry’s sys­tem is broken for the small, inde­pend­ent pub­lisher. So, we took things into our own hands.

We’re learn­ing as we go. Pub­lish­ing itself is a cre­at­ive pro­cess for us, too. We’re pro­fes­sional, but we’re indie pub­lish­ers, too. We plan to be very flex­ible, per­haps even hav­ing a ‘crew­ing’ model for each book, bring­ing in a little help from dif­fer­ent people out­side of the team for each book, depend­ing on its sub­ject. We’ll see—we haven’t planned it all out yet.

We’ve primar­ily used Twit­ter to announce offers, launch dates, etc. This was so suc­cess­ful that on the first day of the PDF launch, we sold over 1000 in 48 hours—but the server crashed, caus­ing PayPal prob­lems that took days to sort out! The prin­ted book is only avail­able as a lim­ited edi­tion (for now). We won’t print end­less sup­plies of these, as we just can’t jus­tify sit­ting on large amounts of stock, espe­cially if we add more titles. Print on demand might be an option at some point. The pro­cess is excit­ing, com­plic­ated, scary, and reward­ing, all at the same time. I heart­ily recom­mend that if you have an idea for a book, and have the people around to help you real­ise it—as well as an eager audience—there is little reason to go to a ‘nor­mal’ publisher.

CW: Our lives inter­sec­ted again at the begin­ning of the open source/open design Drupal pro­ject, when I worked on the style guides. I admit I felt for­tu­nate to be off in the corner in a lim­ited role. You’ve been in the thick of things. What is the status of that pro­ject? Tell us: Is design­ing in the open more or less pain­ful than stick­ing a fork in your eye?

MB: Design­ing in the open is more pain­ful than stick­ing a fork in your eye, but it’s also more pro­duct­ive and rewarding!

Mark Boulton Design, Leisa Reichelt, and you were ini­tially asked to work on aspects of the redesign of drupal.org, and Phase One of that pro­ject was com­pleted last Decem­ber. August to Decem­ber were prob­ably the most chal­len­ging months of my career.

After our usual period of dis­cov­ery, we launched head­long into a twelve-week iter­at­ive sched­ule with pro­to­type releases, user test­ing, and eval­u­ation, and a new design released every week. It was a killer sched­ule, but with that pace came great engage­ment from the Drupal com­munity. Dur­ing Phase One we’d done broad brush­strokes in terms of design, inform­a­tion archi­tec­ture, brand­ing, etc.

CW: What hap­pens in Phase Two? I wish you the best with that! 

There’s still much to be done: the copy­writ­ing and also more UX work—specifically doc­u­ment­a­tion and many social aspects of the site. We simply ran out of time on most of this. How­ever, as with Phase One, the major­ity of the work will be com­pleted by the com­munity, in the com­munity. The biggest chal­lenge has been to become com­fort­able with the fact that what we pro­duce will be scru­tin­ised, decon­struc­ted, mod­i­fied, and remod­elled, all for the greater good. I’m still get­ting used to it!

CW:What promp­ted the com­plete redesign of your blog and your decisions along the way? 

MB: Three years is a bloody long time in web design and in the per­sonal growth of a designer. While I wanted the blog to be a reflec­tion of the cur­rent qual­ity of my work, I was even hap­pier to break free from what people usu­ally expect of me and cre­ate some­thing that more accur­ately rep­res­ents who I am as a designer.

The cata­lyst came from a ‘com­pany away day’ in Fon­mon Castle—just down the coast from our stu­dio in South Wales—during a daylong work­shop in the castle’s lib­rary. Adorn­ing the walls were rows and rows of musty, seventeenth-century books. I res­isted tempta­tion for an hour or two, but  finally caved and star­ted snap­ping shots of the most won­der­ful, letterpress-printed books. After that day, the blog design quickly took shape.

I star­ted the pro­cess with a simple but chal­len­ging con­straint: What can I do with Geor­gia? Just Georgia.

With all the talk of font-embedding, I could have used one of the mid­dle­ware products crop­ping up, such as Font­deck or Typekit, along with some great cus­tom typefaces. But, I wanted to really get to know Georgia—as well as I know Hel­vetica. So far, Geor­gia hasn’t dis­ap­poin­ted. It’s a won­der­ful typeface. Gen­er­al­ising here, serif typefaces have more char­ac­ter than sans serif typefaces. Yet, Geor­gia man­ages to mold itself really well to the con­tent. WordPress.org, Guardian.co.uk, this site all use Geor­gia, but appear very dif­fer­ent due to the vary­ing weights and styles. I also wanted a dif­fer­ent grid, a greater focus on writ­ing, and a sim­pler lay­out designed for reading.

Per­haps the biggest change isn’t the design but the move from Expres­sion­En­gine to Word­Press. I’ve used EE since 2005, con­tinue to use it almost weekly, and still recom­mend it to cli­ents for cer­tain pro­jects. I’m an advoc­ate for using the best tool for the job. Whilst EE is a very com­pet­ent blog­ging engine, lately I’ve felt it (and Drupal, as well) much more suited to content-managed web­sites for cli­ents. If you have a blog, Word­Press is pretty hard to beat; it was the best tool for this job. That said, the redevel­op­ment of this site hasn’t been without its difficulties.

Hav­ing used EE for so many years, I was used to its template-based them­ing approach, designed to neatly fit with a standards-based designer’s men­tal mod­els. HTML tem­plates can be simply slot­ted into place. PHP is extrac­ted and replaced with a simple tag­ging lan­guage to hook in the site’s dynamic data.  Word­Press and Drupal could do with hav­ing a look at the strength of this because, to be hon­est, I feel a lot of design­ers will take one glance at the PHP in their them­ing sys­tems and run a mile. EE still has this in the bag, in my opinion.

CW: Please give us a peek at the next book and other MBD projects.

MB: It’s a busy time for us; here’s a taste:

  • We’re work­ing with some excit­ing cli­ents. We’re design­ing an app based on Adobe Air for a lead­ing film stu­dio. I can’t talk about some work, but we’re heads-down on pro­jects like arts council-funded web apps and a major redesign for an eth­ics organisation.
  • The Drupal 7 UX pro­ject is draw­ing to a close, and it’s been a fas­cin­at­ing seven months’ work. Drupal has great poten­tial and I’m excited to help shape its future from a UX per­spect­ive and ded­ic­ated to con­tinu­ing my involve­ment with the community.
  • We’re pub­lish­ing two more titles this year. Design­ing Grid Sys­tems will be avail­able this autumn, and Design­ing the Invis­ible later this year, pos­sibly early next. I’ve wanted to write the first one since 2006. I have tons of mater­ial to chal­lenge cur­rent think­ing in the web design com­munity about sub­jects like grid sys­tems, their appro­pri­ate use, and the advis­ab­il­ity of using 16-column grids for web­site layouts.
  • We’re ramp­ing up to run prob­ably three work­shops in three cit­ies in the UK in Novem­ber and Decem­ber. They’ll be based on the book: prac­tical design advice that people can imme­di­ately apply to their work.
  • I’ll be doing more speak­ing too, which I love. I’ll speak at the won­der­ful Web Dir­ec­tions South in Sydney, Aus­tralia in Octo­ber on font embed­ding and CSS. In Novem­ber, I’m speak­ing in Bel­fast at the Build Con­fer­ence.

CW: Your wife Emma is now part of MBD. Is it dif­fi­cult to have a nor­mal home life? When you both drag yourselves in the door, who makes dinner? 

MB: That last ques­tion is prob­ably the biggest issue of each day! Ser­i­ously though, Emma and I have received great advice on suc­cess­fully work­ing together. It’s been such a pleasure—she’s a smart cookie. She keeps my feet on the ground when I go off on one of my dreamy ‘let’s do this!’ ideas. With seven years in a stra­tegic role at the BBC, she has a real vis­ion for where our stu­dio should be head­ing. But, let’s face it, Emma has always been part of the com­pany; it’s just that now she sits in the same room as me.

25 Responses to “New shoes”

  1. eraevion said on: August 20th, 2009 at 4:49 am

    YAY FOR GEORGIA! As men­tioned earlier on Flickr, it’s totally gorgeous. 

    An only thing to change would be back­ground color of footer — gray doesn’t really fit into this and feels unfinished. 

    Also, great interview.

  2. Reuben Whitehouse said on: August 20th, 2009 at 4:58 am

    Very nicely done Mark!

  3. inspirationbit said on: August 20th, 2009 at 5:24 am

    Lovely drop caps! It’s inter­est­ing to see the absence of a tra­di­tional nav­ig­a­tion at the top.
    The com­ment sec­tion looks very unfin­ished, espe­cially the com­ment tex­tarea and sub­mit but­ton, but oth­er­wise a nice design, con­grat­u­la­tions (oh, and agree with the com­ment above about the grey footer) ;)

  4. bosskax said on: August 20th, 2009 at 5:24 am

    nice, simple and love the use of typo­graphy didn’t notice the off white back­ground until the form…5 simple steps is quite gorgeous…the thing about new shoes is that they take a bit of time to get used to..but even­tu­ally you start to wear them more and then they become the choice for going out and nip­pin down the shops…i still love my pumas even though they’re knackered now…but when they are really no use..what do i do then?

  5. gcbrueckmann said on: August 20th, 2009 at 5:25 am

    Look­ing really good, from top to bot­tom – includ­ing the footer. A great example of put­ting an over­used font to new use – and mak­ing it shine again.

  6. Ryan Merrill said on: August 20th, 2009 at 5:39 am

    Nicely done, Mark. I enjoy the sim­pli­city of this site com­pared to your last.

    I’m excited to see that you’ve lim­ited your typeface to just Geor­gia. Like you were say­ing it has end­less pos­sib­il­it­ies and I’m excited to see what you can do with it.

    I fin­ished Design­ing for the Web a few months ago and I’m pumped for the release of Design­ing Grid Sys­tems. Keep up the good work.

  7. inspirationbit said on: August 20th, 2009 at 5:42 am

    just wanted to cla­rify, that I meant the com­ment form sec­tion was for some reason left unstyled. The actual com­ments look great.

    Also, it’s nice to see such an eleg­ant typo­graphy with just Geor­gia in spite of the latest hype with web­fonts and @font-face ;)

  8. Vladimir Carrer said on: August 20th, 2009 at 6:04 am

    I’m sur­prised how Geor­gia renders at 48px for the titles. It looks great. Also I love the drop caps. Is there some par­tic­u­lar reason why are you using 15px for the text?
    I was in the search for per­fect back­ground paper like color for my Bet­ter Web Read­ab­il­ity Pro­ject but I think you did bet­ter job. Great work

  9. Ake Johansson said on: August 20th, 2009 at 6:58 am

    Great work! Beau­ti­ful and a joy to read without inter­fer­ing side­bars or other distractions.

  10. johno said on: August 20th, 2009 at 9:15 am

    Lovely job, Mark. Look­ing for­ward to see­ing those orna­mental caps released as a font. You’re abso­lutely right about Geor­gia — it is a won­der­ful typeface; and that it dis­plays so well on screen (there are few serifs that do) is fur­ther credit to Mr Carter.
    Really look­ing for­ward to the Grids book.

  11. David Trang said on: August 20th, 2009 at 11:12 am

    I love the sim­pli­city of your new design. I too recently re-designed my site after years of it being stag­nant, and the issue of what fonts to use came into ques­tion for me as well. Font­deck and Typekit usher in a new gen­er­a­tion of web typo­graphy that I’m still a bit weary about. The DRM battles and pri­cing struc­tures to name a few, hope­fully @font-face evolves into some­thing more func­tional for all parties involved.

  12. Blake Watson said on: August 20th, 2009 at 1:16 pm

    Can’t wait for Design­ing with Grids. And I would love to see you speak at one of these cool con­fer­ences. But we don’t get events like that in Mississippi. ;-)

  13. Gonzalo González Mora said on: August 23rd, 2009 at 1:04 pm

    It looks like the feed is work­ing now :) I love the new design! I can’t wait for the new posts :D

  14. David said on: August 24th, 2009 at 6:36 am

    Nice and clean work Mark, but I won­der what your rationale is for mark­ing all your links as nofol­low and noin­dex?! You’re stop­ping Google and the other search engines from index­ing any con­tent on your site, and you’ll not be get­ting lots of nice search engine traffic as a result.

    The BBC are still doing it on their mes­sage boards after all these years. Your basic­ally telling Google that you don’t trust any of the external links, and none of your own links to your own site!

  15. Mark said on: August 24th, 2009 at 12:40 pm

    @david: Pesky pri­vacy set­ting in Word­Press. This should be all fixed up now — thanks for point­ing it out.

  16. David said on: August 25th, 2009 at 3:40 am

    Ah, I wondered if it was a con­scious decision or a CMS set­ting. I travel the web with the search­status plu­gin on Fire­fox, which high­lights nofol­lowed links by pla­cing a nice pink link con­dom over them. Very useful. :)

  17. Trent Walton said on: August 27th, 2009 at 5:41 am

    I’m def­in­itely a fan of the sim­pli­fied / boiled down lay­out… the details you spent time on shine through that way. No side­bar, no ads, no nav, all art­icle… Great work.

  18. Jon Zuck said on: August 28th, 2009 at 8:42 am

    Hate to be the dis­senter, but I think I liked it bet­ter before. Many links are broken, for example those to your excel­lent art­icle “Five simple steps to design­ing grid sys­tems.” And without any search cap­ab­il­ity, I can’t find it.

    Could you send me a link to it’s cur­rent address? Thanks!

  19. Sam Logan said on: August 30th, 2009 at 1:51 am

    Love the new design Mark, looks great. Really like the use of georgia.

  20. Nic Barajas said on: August 30th, 2009 at 7:32 pm

    One ques­tion about this great new design — how are you doing the hyphen­a­tion on your site? Very subtle, but taste­ful detail on the type.

  21. Gonzalo González Mora said on: August 30th, 2009 at 7:36 pm

    Nic,
    Since Mark is now using Word­Press, it might be WP-Typography.

  22. That Norwegian Guy » Review – Designing for the Web said on: September 3rd, 2009 at 9:26 pm

    […] you should buy it for your­self, because Mark Boulton has gone through the extra trouble of cre­at­ing his own inde­pend­ent pub­lish­ing house because the big dis­trib­ut­ors weren’t any fun to play with. But […]

  23. Tom Sieron said on: September 22nd, 2009 at 12:08 am

    Have mercy Mark! People can’t find what they’re look­ing for around here. 

    I often refer to your art­icles when talk­ing to cli­ents, peers and our train­ees. Solid know­ledge base on grids and typo­graphy. Unfor­tu­nately after the redesign those poor people can’t find rel­ev­ant art­icles on your blog and I have to dig in my book­marks or use google to find stuff on your blog (sic!). Just an obvi­ous link to cat­egor­ies or a search box would suf­fice. Of course I do love the new look, sweet typo­graphy and all this pretty white space all around but come on, help me out here! ;)

  24. Justin Sinclair said on: October 27th, 2009 at 9:31 pm

    I noticed you’re cheat­ing ever so slightly — that ampersand’s not Geor­gia! (though I have to for­give you, because it does look lovely)

    Also, the spa­cing between para­graphs feels too tight for me. But that’s very much a per­sonal preference.

    Over­all though, it’s just lovely. The ridicu­lously large Geor­gia post-titles and intric­ate drop-caps just do it for me.

  25. coetsee said on: December 26th, 2009 at 6:12 am

    1. There’s a move­ment to rad­ic­ally change Cali­for­nia gov­ern­ment, by get­ting rid of career politi­cians and chop­ping their salar­ies in half. A group known as Cit­izens for Cali­for­nia Reform wants to make the Cali­for­nia legis­lature a part time time job, just like it was until 1966.

    onlineuni­ver­sal­work

Leave a comment




* Required (but your email address will never be published)

  • Me

    Hello. My name is Mark Boulton. I’m a designer, an author, a speaker and I run a small design agency where we work with lovely cli­ents and pub­lish books as we go. This is my blog.

  • More of me

  • Publications

    Design­ing for the Web
    Start­ing from £19 + VAT for a PDF Down­load. £29 for a full col­our paperback.
  • Where I work

    Mark Boulton Design
    A small design stu­dio doing good things for nice clients.
    Five Simple Steps
    Pub­lish­ing easy to read design books.
  • See me speak

    @Media 2010
    June 8th — 11th, Lon­don, UK.
    Drupal­Con 2010
    August 23th — 27th, Copen­ha­gen, Denmark.
    dCon­struct 2010: Design 1010 workshop
    Septem­ber 1st, Brighton, UK.
    Web­d­a­gene
    Septem­ber 29th — Octo­ber 1st, Oslo, Norway
    Web Developers Conference
    Octo­ber 27th, Bris­tol, UK.
    New Adven­tures in Web Design
    Janu­ary 20th 2011, Not­ting­ham, UK.
  • Copyright © 1999–2010 Mark Boulton. Made with an Apple Mac in Wales. Running on WordPress and VPS.net.