Website Launch Flowchart

website-launch-flowchartWith our roots in the entrepreneurial world, we frequently get involved with clients at the very beginning of both their business and website. To be as helpful as possible, we thought ‘wouldn’t it be nice to have something visual that shows everything we intend to do”.

Off we went to our trusty search engines, searching for things like website design, website development and our new favorite ‘website launch’. While there were some fairly straightforward charts for website design, nothing really captured the essence of what we do – take people from nothing to fully functional websites that are capable of generating income. So we put together the website launch flowchart – what we refer to internally as our optimized design methodology.

So more people have a visual guide to see how optimized web design, development and marketing come together, we wanted to make our flowchart available. Web design doesn’t exist in a vacuum nor does marketing. The most optimized, easiest functioning and best performing sites are those that find a balance between design, content, business tool complexity and marketing integration.

Basically the flowchart can be broken down into a few sections (which may or may not be specifically applicable to any given project). We start by understanding the purpose of the site and create some initial ideas around it (since we’re a business we generally create a proposal from the specification). Once the project is underway, we revisit the initial ideas and start to develop them more thoroughly – we utilize wireframes, work on a basic information architecture and begin to develop an integrated online marketing strategy (launch and ongoing). We may also have to create logos or other business identity pieces, but let’s assume that’s been done.

After approval, we begin work on 2 parallel paths, content assembly and business tool integration. Basically, we pull all the text, images and other media together and connect it to whatever is driving the site features – database, CMS, shopping cart, etc. We also plug in some type of analytics. All the while, we’re keeping an eye on what marketing channels we’re going to use and making sure there aren’t any conflicting requirements.

Once all this is put together, the site is pretty close to launch capable, but it’s usually still hidden away on one of our test servers. When it’s been tested and given the green light by our client, we go live and it’s off to the marketing races. Often, we’ll even begin some of the marketing before launch.

Since pictures are easier to understand than jumbles of words, we hope this provides you with a single visual reference that captures the full website launch process. Feel free to use this freely (without modification). Additional file versions are available Website Launch Flowchart.

No tags for this post.


  1. Timzo
    Mar 29, 2007

    Excellent diagram, it’s very clear. A picture does indeed say a thousand words.

  2. Shycon Web Design
    Mar 31, 2007

    Very cool, and nicely laid out. You should upload a bigger version though as it requires some squinting to see on higher resolution monitors.

  3. Chris
    Apr 12, 2007

    Great flowchart. What about post-launch activities, such as maintenance, CMS training, reporting etc?

  4. Iain Porter
    May 2, 2007

    Certainly nice to find a more thorough outline of the web design process – I think you’ve made a nice job. Might it skim over the actual ‘launch’ phase a little quickly though?

    For example, and tying in with some of your excellent posts on Digg, imagine you were launching user community of some sort. How would manage the launch be managed such that sufficient user content (comments/posts/etc.), was generated before you get dugg, so as to ensure that when you get dug, you make the most of that 1.5 hour period of major publicity?


  5. hypotheek
    Nov 23, 2007

    Great chart, thanks for sharing it with us. I must say that it is a very good guideline , but in reality i think you often dont have time to spend the same amount of time on all aspects of this chart

  6. Exam Training
    May 6, 2008

    Wow. I didn’t know that something like this was created. I tweaked it a bit and it is almost my desktop background

  7. Darlehen
    May 31, 2008

    Really cool chart and good initial guideline. Adapt it to your local standards and way you work in the company and finished!

    You better make a nice name of this model and launch it again 😉 great free PR haha…

Submit a Comment

Your email address will not be published. Required fields are marked *


Virante’s website-launch-flowchart

No tags for this post.


    Feb 11, 2009

    Thanks for best flowchart for understanding website launch

  2. Etwas OT, aber was ich mich immer schon gefragt habe, warum T-Shirt Druck so teuer ist? Ich meine, die ganzen T-Shirt Drucker wollen knapp 20€ für ein normales T Shirt mit meinem eigenen Motiv haben. Ich suche jetzt aktuell für meine Band einen Anbieter, der mir Kleinserien druckt (so 10-20 stk). Kennt da jemand einen preiswerten Anbieter?

  3. matt nathanson fan
    Jan 24, 2010

    I like your blog

  4. Johan Rukmana
    Feb 23, 2010

    As a Newbie, I am always searching online for information that can help me. Thank you

Submit a Comment

Your email address will not be published. Required fields are marked *