The periodic table of web design

Default avatar.
September 05, 2014
The periodic table of web design.

Smart web development agencies follow a standard process when designing new websites, starting from the client's brief and moving smoothly and logically through a variety of steps to website launch and maintenance. The way to achieve this is all down to being able to visualize and verbalize the web design process effectively.

Of course all web developers know what they need to do — but imagine how much easier it would be if there was a generic “Master Plan” to follow, one that could be shared with the team and the client to allow everyone to monitor progress and see what comes next.

And so we share with you a can't-live-without infographic that details every step that must be taken to get a new website live and in front of an appreciative audience: from the project brief, to planning, design, development, launch and right through to the all-important maintenance phase.

Periodic Table of Web Design Process

Each and every element that needs to be considered when designing a new website is covered.

You want to explain to your client why you can't provide them with a new website mock-up within a week? Just go through all the steps of the Project Brief and Planning phases with them — explain the importance of getting the basics right before your graphic designers get to work.

Maybe you've hired a fabulous new graphic designer who is already visualizing the website pages without fully understanding the look the client wants or the budget restrictions — refer to the infographic to help explain why fundamental aspects need to be agreed with the client before they can let their creative juices run wild.

Once everybody understands the intricacies of the web design process and see where and when their contribution is required, all your projects will run far more efficiently.

Dmitri V. Logounov

Dmitri V. Logounov is the founder of New Design Group Inc, a web design company in Toronto focused on defining effective brand development strategies and delivering fresh, creative graphic solutions that work. Over the past 12 years he helped around 300 start-up businesses in various industries.You can get in touch with him on LinkedIn.

Read Next

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…