Back to top

Web Design Process from A to Z

a z

Ok, here is the first article on my blog:)

I’ve been working as a designer for many companies past 13 years. Lots of them were digital agencies. Question about web design process is not that simple. Everyone has different solutions, different protocols.


This is how the general web design process looks like

  1. Wireframe.
    This is just basic visual (blocks) guide used to suggest the layout of fundamental elements in a web interface.
  2. Layout.
    Fully graphical image based on the wireframe elements with all real elements like images, colours, fonts, logo etc.
  3. Template.
    Process which turns layout (graphical image) into the code (HTML, CSS, JS, jQuery).
  4. Content insert.
    As static pages or dynamic (CMS).
  5. Cross-Browser testing.
    Test across most popular browsers (Firefox, Chrome, Opera, Safari, IE10, IE9, IE8 and IE7) to make sure Your website will display properly in every single one.
  6. Website launch.
    Register a domain, find a hosting company, upload the website to the server.

Of course before the steps above we need to collect the brief from the client (all source files – like content, logo, fonts, colours, images etc.) and research the market. Means check other competitors, what they’ve got – just to get some general idea what we can do and do it in a better way.

Don’t underestimate the importance of planning. This 6-stage process (plus pre-steps) that I’m recommending treats planning appropriately and you’ll find as you begin taking on web design projects yourself that the more upfront planning you engage in, the fewer problems you’ll have as the project is underway.

I know, this article is quite short but includes the core points of web design process:)

Thanks for reading…