Home-Old‎ > ‎Who We Are‎ > ‎About www.cccmb.org‎ > ‎

Site Development Guide: Execution

Build a Framework

Create an outline or framework of your site to work with.  Start with a storyboard approach that only outlines the basic site functionality and keys areas to be detailed out further.  Establish the basic page names, headlines, and navigation between pages. Content is not critical at this point: you are just looking to get a rough idea of the work in front of you and ensure you understand the task at hand. Share this outline with your stakeholders and collect their input early and often.  Often, a quick demonstration of the site capability or the design idea will garner the input and direction you need.  Showing something online and live is a great way to build excitement for the new project as well.  

With a framework in place, the overall scope of the project will seem more manageable since a blank slate can be daunting.  Refer back to your goals for the site and the organization to keep yourself on track.  Deal with the fact that often the most important work to be done is the least exciting.  Developing something interactive or flashy is nearly always more fun than putting down your club mission statement and filling in the details surrounding why you exist.  However, that basic information may be the most critical thing to share and implement.

Develop Iterations and Perform Reviews

You are going to start out your project with various goals and plans.  Some will be too lofty while others will turn out to be insufficiently detailed or envisioned.  Plan for this uncertainty and embrace it.  Rather than trying to polish everything to perfection all at once, finish things in smaller chunks and segments.  In this way, you have an opportunity to return to the project and refine the content or layout at a later date, but you also have a finished product that at any given time is ready for review. As you finish up pages and content, have your team members review it.  Does it make sense?  Does it get your point across?  Grammar and spelling are all good?  Creating a professional appearance for your site lends credibility to your organization.  It goes back to the old adage about one chance to make a first impression.

Create a SandBox

Define somewhere on the site for unfinished work, even if it is only marginally hidden from the view of end users,  This allows you an area for staging content or ideas that aren’t ready for prime time.  As you flesh out the ideas and finish them, you can move them to a more public area.  Google Sites has some limitations on how much you can bury content, but it is possible to at least get things off of your main linked pages and keep them waiting in the wings.

Project Management Role

Although the building of a site for a small organization is not a terribly daunting task, having someone in a central role to drive the project is nevertheless critical.  Typically, volunteer efforts such as contributing to the development of a trails website can't always compete in priority with other activities in the lives of your team members.  The project manager should be aware of what needs to be done and when. 

Usually, the organization your project manager brings is helpful in keeping meetings on track, tracking the various action items that come out of the meeting, and keeping an eye on the dependencies and dates associated with various work going on. By knowing the state of the project at any given time, your project manager provides a single point of contact with regards to anything going on.  This protects other team members from distraction and lets them focus on their tasks at hand.


Technical Lead Role

The Technical Lead for your implementation helps provide the basic guidelines for the development of the site and provides support and guidance to the less experienced members of the team.  The selection of a framework like Google Sites is very empowering to even a novice.  The downside is that if you turn loose a handful of people to develop your website, you may very likely end up with a website that has no coherency between pages.  Your lead is responsible for defining the basic style guidelines and making sure that all of the pages adhere to that (e.g., headlines will be 18pt. Arial, Body text will by 12pt. Tahoma, all images will have a 2 pixel black border). Adhering to these simple style guidelines will give your site a more cohesive feel and make navigation and readability easier for your visitors.

In addition to supporting other team members by encouraging the application of site-wide standards, your lead will be the go-to person for any of the more complicated content (e.g., importing or inserting video, ensuring proper sizing of images for speedy download, providing images or artwork to support pages that go beyond simple text and a picture).

Wordsmith Role

Having a team member with strong writing skills is key to a professional site.  Just as the Technical Lead is key to keeping the look and feel of the site consistent, your Wordsmith is critical for keeping the voice of the site similar.  While this doesn’t mean that these individuals will write all of the content, they should be involved in the review and editing of all of the main content.  Grammar, spelling, and general structure all create a positive experience for visitors to the site.

Artist Role

Your artistic person helps things look nice.  Hopefully, they have some skills in photo editing or other graphics tools and can lend a technical hand.  Even if they don’t, direction they provide on style and appearance will be valuable.