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

24 Best Creative Portfolio Websites in 2023

For anyone working in a digital creative field, whether design, illustration, animation, video, or a combination of…

15 Best New Fonts, September 2023

Nothing upgrades your designs like selecting the right font. It’s all too easy to fall into the trap of using the same…

Weekly Design News #1

Every Sunday we’re rounding up the best of the previous week’s stories from webdesignernews.com, and in this issue #1,…

The 20 Most Controversial Logos of All Time (Ranked)

When you hire graphic designers to create your company's logo, what do you expect? Professional designs, culturally…

LimeWire AI Studio Generative Art App

If you’re looking for the most exciting way to launch a career in AI-generated art, then you’re in the right place.

20 Best New Websites, September 2023

Are you in need of design inspiration? Are you looking for the best websites designed in 2023 to pull ideas,…

The Dangers of Deceptive Design Patterns (And How to Avoid Them)

As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user…

10 Best Ecommerce WordPress Themes in 2023 [September update]

You plan to set up shop with an online store. You know there’ll be competition. And to compete with or beat that…

5 Marketing Tools Every Designer Needs

Yes, designers do need marketing tools. From freelance graphic designers who need to land more work to designers who…

Exciting New Tools For Designers, September 2023

At the end of another summer, we are all getting ready to knuckle down for some serious work in the fall. But we want…

Elon Musk calls LinkedIn ‘Cringe’—Announces Competitor

Elon Musk recently announced his intentions to create a direct competitor to LinkedIn. Musk’s grand plan is to make his…

Everything You Need to Know to Embrace the Y2K Design Trend

The turn of the millennium was a major cultural shift, and the Y2K aesthetic emerged as a visualization of what the…