The modern web design process

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

26 followers

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

26 followers

Visit website

Interface design tools

•

Website builders

•

Design resources

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

Launch tags:Prototyping•Design Books

Launch Team

Viktor.comAn AI coworker that actually does the work

Promoted

The no-code revolution

Maker

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!

Report

9yr ago

@johnamwill I looked this over at a high-level and the content is really helpful. Thanks for creating this John + Webflow team.

Report

9yr ago

Harvy

@johnamwill looks like a perfect resource for starting out or brushing up - thanks for sharing! And thanks for including gifs 🤙

Report

9yr ago

The no-code revolution

Maker

@optimizethis Our pleasure, Keith! Thanks for taking a look.

Report

9yr ago

The no-code revolution

Maker

@kevinguebert Thanks, Kevin! And hahaha—we do loooove our GIFs at Webflow :)

Report

9yr ago

@johnamwill Short and precise. Love it, thank you for writing♥️

Report

9yr ago

Can I just say... amazing timing. I've been scouring the web recently for this exact thing. +1 +1 +1 !!

Report

9yr ago

The no-code revolution

Maker

@jeffrey_wyman Nice! I love it when we can coincidently provide exactly what people are looking for!

Report

9yr ago

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 =)

Report

9yr ago

The no-code revolution

Maker

@rolling3dudehvy We surely will, Kevin. Thanks!

Report

9yr ago

@johnamwill I turned this into an actionable checklist. Anyone who uses Todoist, enjoy! http://todotemplates.com/posts/E...

Report

9yr ago

@jeffrey_wyman Can you update it please?

Report

7yr ago

@manoj_shredder Updated! https://todotemplates.com/the-mo...

Report

7yr ago

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!

Report

9yr ago

The no-code revolution

Maker

@youngfonz please do! we'd love to hear all about your experience

Report

9yr ago

@youngfonz How did it go?

Report

7yr ago

I do believe that Inspiration comes out of the blue especially when you are a website designer then you must be creative, the new era of web development has changed a lot , websites are more about just a static html page, it has gone beyond, with languages like react, node and express, there is a lot of revolution on this industry

Report

6yr ago

Web design can be studied by watching videos on YouTube. But it takes a long time until you learn how to do everything perfectly. One day I was forced to create a website. I understand nothing about programming, so I decided to learn how to do it. Still, I did not have time to do everything before the deadline. My friend advised me to contact these guys http://smartmediausa.net/ ; they really saved me. They made a fantastic website in 2 days. Now I am learning to program; every person in the 21st century should know that. Every job is directly related to the computer.

Report

5yr ago

1 2

Reviews