Project Smart ~ Exploring trends and developments in project management today

Calendar icon
Adobe PDF icon

Planning More Effective Milestones in Web Design Projects

~ By Chris LeCompte

Five stepping stones with white lines arranged as a curve

Most successful web design projects are organised into a system of milestones with each one representing a critical piece of the project. Milestones are simple in concept, but they can be tricky to nail down.

For example, how specific should we get with the milestones? If we get too specific, we risk breaking the project down into a chaotic mess of little chunks. However, if we aren't specific enough, the deliverables become unknown and nothing gets done.

Finding the right balance is key. It takes practice and persistence, and it demands a lot of discipline from the designer or project manager. Milestones also vary from project to project. Larger projects require more milestones while smaller projects may only need a handful.

In my experience with many small, mid-sized and large projects, I've created a base list of milestones that I typically work with and adjust for my projects.

The first step is to think of a project in three large parts. The first part is what I call "pre-heavy lifting." During this phase, the client needs to become acquainted to your project management style and systems, collateral should be collected and analysed, research must be conducted, and some initial wire-framing and site mapping should begin.

The second phase is where the heavy lifting begins. Initial mock-ups will be created and finalised, coding is completed, the content management system is setup, and an initial prototype of the site is furnished.

The final phase of the project cycle occurs after the heavy lifting has been completed. Using a final prototype of the site, you will need to conduct compatibility and error checking tests, and integrate any final client change requests. The site should then be launch-ready and afterwards will need to be reviewed once again.

Now that you have a clearer understanding of the three project phases, let's take a closer look at the types of milestones that make it all happen.

The Pre-Heavy Lifting Phase Milestones

Don't design anything and don't code anything. As the first phase, you should concentrate on getting to know your client and the project at hand. Here are the typical milestones I use to keep me on track.

  • Project Setup: The project has been setup in relevant systems (e.g. Basecamp, Harvest) and is ready for client interaction.
  • Client Onboarded: The client has been contacted about the project procedure and given access to the project management system (in my case, Basecamp). Sometimes I'll have the client complete a quick survey so that I can gather more details about their vision.
  • Collateral Collected: All essential marketing and creative collateral has been collected from the client. Collateral can include logos, graphics, brochures, literature and other marketing copy.
  • Site Map Complete: An inventory of any existing content has been created and the site map for the new site finalised. Furthermore, the client has reviewed and approved the site map.
  • Wireframes Approved: Wireframes have been completed for at least the homepage and a single subpage, and the client has reviewed and approved them.

The Heavy Lifting Phase Milestones

This is my favourite part of the project. Once you have a firm grasp on the project and a vision of its completion, you can get to work.

  • Initial Mock-ups Created: The first mock-ups for at least the homepage and a single subpage have been designed and shown to the client.
  • Final Mock-ups Created: Based on client feedback, the mock-ups have been finalised and accepted.
  • Site Shells Created: A site shell is what I call a static page that has been coded from the design. This is completed when all of the HTML, CSS and JavaScript has been written and checked for errors.
  • Content Management System Setup: Server space has been partitioned and the CMS of choice (e.g. Wordpress or ExpressionEngine) has been installed and configured.
  • Initial Prototype Developed: The site shells have been integrated with the CMS and all of the content pages have been setup.
  • Content Delivered: The content needed for the website has been finalised and received from either the client or a copywriter, and is ready for insertion.
  • Final Prototype Available: A working prototype of the web site complete with content has been finalised and is ready for client review.

The Post-Heavy Lifting Phase Milestones

Once you reach this phase of the project, you're in the home stretch. All of the hard work is done and all that's left are finalisations and launch procedures.

  • Client Review Completed: The client has thoroughly reviewed the final prototype and has provided you with a list of changes to complete before launch.
  • Client Changes Addressed: The changes provided by the client have either been addressed or completed to the client's satisfaction.
  • Site Compatibility Confirmed: The prototype has been confirmed to work with all major browsers and operating systems. Any problems have been fixed or resolved.
  • Pre-Launch Review Completed: A review for any lingering errors and problems has been done and the site has been cleared for launch.
  • Site Launched: All actions needed to launch the site have been completed and it is working properly on the domain name.
  • Post-Launch Review Completed: An additional review for errors and problems has been completed and any necessary fixes applied.
  • Client Training Conducted: Training necessary for the client to properly update their site via the CMS has been completed.

Milestones are Just the Beginning

There are two areas I didn't cover in this post that I consider vital to a project's success: timelines and to-do lists. As you hammer out solid milestones, they need to be reinforced with timelines that are realistic and doable. Many projects assign insanely short and impossible timeframes that only hamper the project and throw it into chaos. To-do lists may seem somewhat elementary at first, but they're essential for breaking down milestones into easier, more workable chunks.

Milestones are dependent on both of these areas, which is why I'll be dedicating future posts to cover them.

In the meantime, I'd be interested to hear about some of the other milestone techniques out there. How do you organise and manage your project milestones? Do you even use milestones? Leave a comment and let me know!

Chris LeCompte is a web designer and project manager based out of Northern Virginia working at his own company, Cavendo. For more articles like this one visit Chris' blog:


Be the first to comment on this article.

Add a comment

(never displayed)

Enter the word shark backwards.
Notify me of new comments via email.
Remember my form inputs on this computer.

A Tale of Two Projects

Two serious businessmen working with a tablet computer

A business tale of what it takes to turn around troubled projects. How did PintCo recover their Customer Master File project when everything was going in the wrong direction.

Coming to Terms With the Finish Date

Colourful calendar pages

Every project has a finish date. This article looks at how the finish date for a project is derived and how a project team comes to terms with that date.

Better Risk Management With PRINCE2

Red flowchart showing risk element

PRINCE2 has always had a solid, but simple way of dealing with risk. With the latest version a number of excellent ideas and concepts have been introduced.

12 Tips for Accurate Project Estimating

Money and a calculator

Using a set of proactive estimating techniques to scope, plan and constrain your project conditions can dramatically improve your estimating practices.

PROJECT SMART is the project management resource that helps managers at all levels improve their performance. We provide an important knowledge base for those involved in managing projects of all kinds. With weekly exclusive updates, we keep you in touch with the latest project management thinking.

WE ARE CONNECTED ~ Follow us on social media to get regular updates on what's happening in the world of project management.

Latest Comments

Christine Audouin commented on…
How 20 Minutes Each Morning Can Transform Your Day as a Manager
- Thu 8 October 7:47pm

Christine Audouin commented on…
How 20 Minutes Each Morning Can Transform Your Day as a Manager
- Thu 8 October 7:28pm

Valarie Ham commented on…
12 Tips for Being a Good Manager
- Thu 8 October 3:13am

Latest tweets

General Project Management • Re: PRINCE2 Foundation Passed in 2008 #pm #projectsmart about 1 day ago

How 20 Minutes Each Morning Can Transform Your Day as a Manager #projectsmart #pmot about 1 day ago

The PMP Exam Changes After 11 January 2016. Here's What This Means For You #pmp #projectsmart about 3 days ago