The modern web design process

The modern web design process

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

25 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
Unblocked AI Code Review
Unblocked AI Code Review
High-signal comments based on your team's context
Promoted

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!
Ben Parker
As usual, the Webflow team knocks it out of the park! Strong work!
Jeffrey Wyman
@johnamwill I turned this into an actionable checklist. Anyone who uses Todoist, enjoy! http://todotemplates.com/posts/E...
Manoj Kumar
@jeffrey_wyman Can you update it please?
Ravi Srinivasan
Thank you 👍🏽
Alphonso Morris
We are about to start a new project with a big company. I am going to try and use this. Will let you know how it turns out!
John MooreWilliams
@youngfonz please do! we'd love to hear all about your experience
Manoj Kumar
@youngfonz How did it go?
12
Next
Last