Line25

Showcase of Impressive Design Process Explanations

Read the full post

A common feature amongst the top design portfolio and agency websites is a visually presented explanation of their design process. This simple idea of describing how a potential client’s project will be handled from start to finish is a great way of securing projects and giving the customer an insight into what their working relationship with the designer(s) will be like. This showcase rounds up a bunch of impressive examples of how various designers have explained their design process with the aid of clever graphical elements.

Explaining your design process

The basic idea of presenting your design process to potential clients is a great way of giving them an insight into what their project will entail. Not only will this give them comfort in that they’ll know what to expect and how long it might take, but it also shows the amount of work that’s involved which helps tremendously in adding value to your work. Many clients don’t fully understand the work involved when building a website, so explaining the design process beforehand can really help iron out those tricky discussions later down the line.

As designers we like to transform boring information into easily digestible content, and overall just make it all look pretty. All of these featured websites do a great job of presenting their design process in an interesting way, with the help of charts, diagrams and unique illustrations.

Pepperplane

View the full website

PUSH

View the full website

Solid Giant

View the full website

Hashrocket

View the full website

Scribble & Tweak

View the full website

Alan Horne

View the full website

Janko At Warp Speed

View the full website

One Mighty Roar

View the full website

1minus1

View the full website

Bionic Hippo

View the full website

Bitfoundry

View the full website

Humaan

View the full website

Pixel2HTML

View the full website

Analog

View the full website

Nosotros

View the full website

Galpin Industries

View the full website

Deidre Bain

View the full website

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://dannyruchtie.nl Danny

    An other one for your viewing pleasure

  • http://www.футболмастер.рф alex

    This is great! Thanks for sharing and inspiration!

    I remember such an illustration on the front page of a design studio. But i can't remember its name. It was a cool vector illustration, that explained the features of the premium designs.

  • http://www.saismo.at Patrik Inzinger

    Awesome list! Would have needed that as inspiration 3 days ago :P

    Even though it's just a dribbble shot for now, I'd like to add mine to the list :)

    http://dribbble.com/shots/199469-project-process-pie-chart

  • Pierre

    Nice list !
    What about this one from our talented webdesigner : http://www.yellowcake.net/agence/process ?

  • http://www.bitter-coffee.com Iwani Khalid

    Cool post!

    And here's a shameless plug! We presented our design process in a comic strip on our website

    Check it out http://www.bitter-coffee.com :)

    • http://www.fazreen.com Fazreen

      I almost suggest your website too when reading this post. Luckily you have commented with the URL. By the way Chris you should check Bitter Coffee site.

  • http://Www.pixelperfect.com Sagi

    Great post Chris!
    Thanks a lot!

  • http://www.htmlcut.com Sean

    We have got such an explanation too :): http://www.htmlcut.com . But my question is a little different – Is there examples of explanations of Agile/SCRUM-based processes?

  • http://eyesocket.net McKinney Web Design

    Great post Chris! Thanks!

  • http://resimplify.tumblr.com Derek Jensen

    It's important to get your personality and uniqueness/angle in the process.

    I admire Scribble & Tweak.

  • http://www.krishnasolanki.co.uk/ Krishna

    Awesome.. i have one, although kept it as a PDF document to send to clients…hmm…
    nice to see how others do things though!

  • http://www.thecssgallerysubmit.com Sara

    Excellent Collection of websites inspiration. Great

  • http://inspirationfeed.com inspirationfeed

    Great collection Chris, I really liked Bitfoundrys process!

  • http://www.konoozi.com Website Design Buffalo

    This is often a amazing blog, could you be interested in going through an interview concerning just how you created it? If so e-mail me personally!

  • http://ricardosaavedra.net Ricardo Saavedra

    I was about to make my own page. This serves as a great reference !

  • http://www.superuserstudio.com Stu Collett

    Great list, thanks Chris.

  • http://www.pasxal.nl pasxal

    I'm usig the proces-steps on my own website ( http://pasxal.nl ) for quite some time now and get a lot of positive reactions. Nice to see how other people are showing their proces in a creative way.

  • http://www.ehometips.com rajeev verma

    Very well written post.Thanks for Nosotros.

  • http://blog.11levels.com Marianna

    In the end, tt's all about visual representation! :)

  • http://www.whoisbexxie.com Bexxie

    Great roundup! I was thinking of explaining my process on my site or at least in a blog post. So these will be great inspiration!

  • http://www.amarinfotech.com/portfolio.html Amar InfoTech

    Great collection , I really liked Bitfoundrys process!

  • http://www.tabletpcunion.com tablet

    Great ideas. I don't know how they can design such complex progress.

  • http://www.getqualitylogo.com Logo Design Team

    The information you provided is very helpful. As designers we should really present the contents in such a way which is simple but attractive and can attract potential clients easily.

  • http://webintegrations.co.uk Web Design Scotland

    Incredible list, where do you find these?

  • http://www.somethingsublime.co.uk/ Something Sublime

    Thanks for sharing and inspiration!