It’s not everyday I get to work on a site like cdmfun.org. The Creative Discovery Museum has a strong reputation and a decade-long developed brand that need to be reflected in their web presence. The museum experience is kinetic, inviting its young (and old) visitors to interact with its exhibits with all of their senses. The building itself is quirky, vibrant and larger than life. Translating this into an interactive web experience is the kind of challenge that many developers would shy away from while others can’t wait to tackle head on.
Coptix is definitely of the latter group. Coptix and the CDM have truly partnered together on this project and the result has been a blast to bring into existence. For those that don’t know exactly what my role is, let me explain. I’m not a designer nor am I a programmer in the strictest sense. My job is to marry the vision of the design team with the heavy lifting of the programmers into an experience that fits the client’s brand, is an enjoyable and intuitive experience for the site’s visitors, and is manageable (and hopefully intuitive) for the site’s maintainers. Over the course of my year at Coptix each project reaches these goals a little bit more. For CDM though, the whole process really gelled.
In the early phase of the project the team at CDM along with Rob Righter (the project manager for the site), and Steve Hamaker (creative director) came up with some really great ideas. Typically, my input on this part of the process is mainly “yes that’s technically doable” or “I’m not sure how we can do that, but lets go for it” (and yes, occassionally, the “uh, no way”). This time Steve and I worked together quite a lot to see where we could push the boundaries of HTML, CSS, and JavaScript to really make an experience that suited the museum. Little touches like a smooth-scrolling background, arched navigation and jumping callout buttons polished the bigger features like interactive tours of the museum and downtown Chattanooga give the site a cohesive sense of “hey click me” in the same way the museum’s exhibits invite visitors to reach out and play (while sneaking in some great education).
Content, Content, Content
Managing hundreds of pages of content plus hundreds more media assets requires a lot of planning. Coptix and the CDM spent a good deal of effort up front laying out a complete sitemap that left no detail untouched. I can’t recommend this enough. The sitemap served as our master guide, making a convenient way to make sure no page was left out. Managing all of this content was no small task, but Coptix’s CMS Webtools easily handled the task. It only took a few hours to get the entire skeleton of the site in place. Content entry followed, and while it did take time, Webtools made a lot of the grunt work easier.
It’s Not About Where You Were But Where You Are
One of the great features that Webtools offers is the ability to map old urls to their new homes. Not only does this preserve search engine rankings and results, but it ensures that all external links outside of the control of the museum will wind up where they belong with no extra effort by the site’s users. For anyone who is migrating a site from one platform to another, some system like this is a must. Don’t forget to send 301 headers with those redirects to make sure search engine love isn’t lost in the transition.
In Fashion, You’re Either In or Your Out
It’s not unusual for large organizations like the CDM to have a well thought out Style Guide that governs all of their printed and interactive materials. The museum was no different. This document was our guideline in implementing the look and feel of the site. However, the guide did not specifically address rules for the museum’s web presence. It was important to iterate both best practices and things to avoid in the site to keep the sites look and feel intact while ensuring usability as well. Design Tyrick Christian filled this gap with a beautiful Style Guide Addendum that covered every situation the site might encounter. Paired with a live sample page that demoed each of these styles and a customized install of the TinyMCE rich text editor than makes it easy to stick to the style guide, the site will maintain a cohesive look as it continues to grow. While the print guide dealt with issues like logo placement and size, the web version laid out scenarios and the appropriate colors and HTML elements to use. Additionally, the guide showed how to implement supplementary graphics including what compression settings to save the images with.
In the End, It’s All About the Fun
How much work was it? Well for me the CDM site revamp totaled hundreds of hours of work (and a lot of late nights). Some of these hours spent were more enjoyable than others, say when sleep deprivation took over versus fighting IE’s quirkiness, but the entire project has been totally enjoyable to be a part of. The team at CDM are very eager to collaborate to make the site a success. They make me laugh, too, which is a definite plus. The project has been a learning experience, too. I’ve learned how to write jQuery plugins, quite a bit about ecommerce and credit card processing, and some very crazy edge case quirks in every browser we test on. As the initial build of the site winds down I feel a great sense of accomplishment and pride in this site, the team at Coptix who built it and the partnership we’ve formed with the museum.
The site will be launching in the next few days at cdmfun.org but in the mean time, here’s a sneak preview of what all this effort has brought forth:
