How to boost your success with a web design process

Guest Blogger

It’s easy to feel overwhelmed in this industry – everyone feels it from time to time. But you can spot a successful web designer quickly by the trail of satisfied clients in their wake and the fact that they rarely seem frazzled and stressed. If you want to be one of these designers (for your sanity and your reputation) then we’ll let you in on another secret: you need to follow a well-defined web design process.

The folks at New Design Group came up with a meticulous infographic showing each step of the web design process from start to finish. By following this chart during your projects, you’ll be able to efficiently produce what your clients want, when they want it. Happy clients will recommend you to others and your stress levels will plummet.

The brief

brief

Teasing out the clearest brief possible from the client is fundamental. You need to fully understand the target market if you want to design web pages that will appeal to them. You need to be clear about how much content is going to appear on each page, so that you can present it in the best possible way to hammer home key messages.

Planning

plan

Don’t use up all of your creative juices just yet! You need to plan. Make sure you understand the desired website structure and navigation so that you can provide the final customer with a great online experience. Consider how the layouts of different pages will all complement one another. Create initial concepts and share them with the client.

Design

DESIGN

Once the preferred concept has been chosen, only then should you start work on the visual elements of the web page templates. Select colors and typography to reflect the company brand. Decide which images to use to create a website with a strong impact. Then present your prototype templates.

Development, launch and maintenance

dev

As the approved templates enter the development phase and beyond, your design role won’t necessarily be over: web programmers may need modified templates to fit the functionalities of the website. And post-launch your skills may be called upon to make design updates in response to ongoing website optimization.

Conclusion

We think this is a secret well worth sharing, so go ahead and check out the full infographic below. If you’re looking for more information about this topic, check out New Design Group’s website where they cover this web design process infographic in greater detail.

periodic-table-of-web-design-process-new-design-group

Click here to see the infographic at full size

Do you use a web design process when you work? Share your tips in the comments below!

This article was written by Dmitri V. Logounov, 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.

The author

Guest Blogger
Guest Blogger

99designs loves to share design how-to's directly from design professionals themselves. Reach out to share your thoughts, ask questions, or thank these experts for their awe-inspiring tips!

Related articles

The fundamentals of responsive website design

The fundamentals of responsive website design

The days of designing a website for a single desktop screen are well and truly over. Technology and the expansion of mobile websites are pushing web designers to re-think how their work is displayed across various devices. Think about it: how much browsing do you do every day on your phone vs. your desktop? Enter:…

The art of infographics (and how to make your own)

The art of infographics (and how to make your own)

Infographics take complex data and information and translate it into easy-to-understand visuals. In today’s fast-paced world, graphic designers need to get the point across simply and efficiently. In this article, we’ll take a look at several infographics and their inherent qualities, then offers a brief tutorial to help you create your own! Text data to graphic data To the right we…

The new Google Fonts is a win for designers

The new Google Fonts is a win for designers

Google launched Google Fonts in 2010 to provide web fonts free of charge. Over the next six years it grew considerably, becoming very popular with web designers—for the obvious reason of affordability. The original website was definitely what the startup world would call an MVP: minimal viable product. It got the job done, but it…

Current Design Contests

Designers, check out these contests so you can start building your career.
0%