Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more
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.
PUSH
Hashrocket
Scribble & Tweak
Alan Horne
Janko At Warp Speed
One Mighty Roar
Humaan
Pixel2HTML
Nosotros
Thanks for sharing and inspiration!
Incredible list, where do you find these?
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.
Great ideas. I don't know how they can design such complex progress.
Great collection , I really liked Bitfoundrys process!
In the end, tt's all about visual representation! :)
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!
Very well written post.Thanks for Nosotros.
I'm usig the proces-steps on my own website ( https://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.
Great list, thanks Chris.
I was about to make my own page. This serves as a great reference !
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!
Great collection Chris, I really liked Bitfoundrys process!
Excellent Collection of websites inspiration. Great
Awesome.. i have one, although kept it as a PDF document to send to clients…hmm…
nice to see how others do things though!
It's important to get your personality and uniqueness/angle in the process.
I admire Scribble & Tweak.
Great post Chris!
Thanks a lot!
Great post Chris! Thanks!
We have got such an explanation too :): https://www.htmlcut.com . But my question is a little different – Is there examples of explanations of Agile/SCRUM-based processes?
Cool post!
And here's a shameless plug! We presented our design process in a comic strip on our website
Check it out https://www.bitter-coffee.com :)
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.
Nice list !
What about this one from our talented webdesigner : https://www.yellowcake.net/agence/process ?
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 :)
https://dribbble.com/shots/199469-project-process-pie-chart
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.
An other one for your viewing pleasure
https://www.wewantfur.com/over-fur/
Stolen from: https://teixido.co/