The modern web design process

The modern web design process

An in-depth guide to the processes behind great websites.

5.0
1 review

23 followers

The Modern Web Design Process takes a deep dive into the processes that culminate in successful websites, from the initial discovery work to the post-launch iterations.
The modern web design process gallery image
The modern web design process gallery image
The modern web design process gallery image
The modern web design process gallery image
Launch Team

What do you think? …

John MooreWilliams
In over a decade of work in the digital design world, I've learned that designers of all forms often struggle with process. Not only in terms of logistical questions — like how to implement a process, what steps to include, etc. — but also, and more importantly, with the concept of process itself. After all, we're creatives, right? We don't rely on process, but on the flash of creative insight. On "inspiration." But if you've ever wanted to beat your head against the wall after the 15th round of changes on a project that definitely inspired you … well, you might find a little process can go a long way. Inspiration comes out of the blue — that’s the source of its power. But it can also be a potential problem, leaving clients and colleagues wondering if their input has been accounted for. In the end: that’s what process is about. Removing surprises. Accounting for others’ invaluable input. Relying not on one person’s inspiration, but a whole team’s insights and expertise. Hence, this new free ebook, where we take a deep dive into every stage of the design process. We show you how tools like moodboards, wireframes, content models, and more can help you: Get everyone focused on achieving the same goal Secure buy-in incrementally, with lower-fidelity tools Communicate the underlying logic of your design thinking Reduce feedback cycles Give content a starring role in the finished product Iteratively build the right solution, not just your solution This book is not meant to be prescriptive, but rather, descriptive. It details not only what a given stage in the process is, but also why it’s valuable. Which stages you adopt are ultimately up to you. But we think you should give it a try. A little process might be just the thing for you. Happy reading!
Keith Brown
@johnamwill I looked this over at a high-level and the content is really helpful. Thanks for creating this John + Webflow team.
Kevin Guebert
@johnamwill looks like a perfect resource for starting out or brushing up - thanks for sharing! And thanks for including gifs 🤙
John MooreWilliams
@optimizethis Our pleasure, Keith! Thanks for taking a look.
John MooreWilliams
@kevinguebert Thanks, Kevin! And hahaha—we do loooove our GIFs at Webflow :)
Ram Rayavarapu
@johnamwill Short and precise. Love it, thank you for writing♥️
Jeffrey Wyman
Can I just say... amazing timing. I've been scouring the web recently for this exact thing. +1 +1 +1 !!
John MooreWilliams
@jeffrey_wyman Nice! I love it when we can coincidently provide exactly what people are looking for!
Kevin Douglas Berg
Awesome I have been looking for something that could make the web development less painful =) Great job and keep creating similar information to those that are looking =)
John MooreWilliams
@rolling3dudehvy We surely will, Kevin. Thanks!