Stuff & Nonsense product and website design

Hardboiling it with Elliot Jay Stocks

Writing and producing a book like Hardboiled Web Design provides a fantastic opportunity to work with other, amazing designers, illustrators or a mixture of the two like Elliot Jay Stocks.


I asked Elliot to illustrate the opening spreads to each of the four sections of Hardboiled Web Design. Although I had a style in mind, one that was graphic to the point of almost being abstract), I gave Elliot freedom to design for himself as well as for me. As with everybody who has contributed something that makes this book look so amazing, Elliot gave it everything and I’m happy as Larry with the result.

Here is a sneak peek at one of Elliot’s spreads and the process he used.

Rough thumbnail layout (© Elliot Jay Stocks)

Raw scan of the 'proper' drawing (pen on top of pencil sketches) (© Elliot Jay Stocks)

Linework neatened up in Photoshop and turned into a separate layer using alpha channels (© Elliot Jay Stocks)

Black and white layers added (© Elliot Jay Stocks)

Almost-final vectorised version, created by manually tracing (and then tweaking) in Illustrator (© Elliot Jay Stocks)

Five Simple Steps have asked Elliot Five Simple Questions. Sign-up for email alerts or follow @itshardboiled for more updates and sneak previews.


Written by Andy Clarke .


Would you like advice and inspiration on making better designs for the web?

Get monthly design inspiration and insights based on my 25+ years of experience. View some recent emails, sign up today, and get:

    I promise never to share your email address and you can unsubscribe with just one click.

    Free set of Layout Love grid templates when you sign up today.

    Hire me. I’m available for coaching and to work on design projects.