-
Using New Technologies in Politics
As a web design firm that does a lot of political campaign websites, we consistently push our clients to take advantage of new technologies and help them stay on the cutting edge of the web. Part of staying up to date with today's technology though is not just being content with participating in what everyone is doing, but pushing the envelope and looking for what's next.
Facebook and Twitter are old news for politicians
In the last election cycle, using social media tools in politics has gone from being new and innovative to being essentially required because of its ability to bring politicians closer to their consituents. Politicians can update their followers about what they do on a daily basis through Twitter, customize their Facebook page to post campaign or relevant news updates, and show their speeches and announcements on YouTube.
But if candidates and elected officials aren't using these basic tools by now, they're behind and likely aren't even looking to keep up with the changing times. Some candidates however, are both taking advantage of today's social media tools and also looking for tomorrow's.
Mobile updates and geo-location are ripe for government interaction
The latest movement in social media has been the rise of geolocation-specific services like Foursquare and Gowalla, which allow users to post updates that are connected with their geographic location using their cell phones. Natually, because of the success of these geolocation-specific services, other tools have been developed to utilize collective location-based updates, some of which are perfect for politicians.
Bonner Gaylord, a recently elected City Councilor in Raleigh and one of our clients, announced earlier this week that he was incorporating SeeClickFix, a location-based mobile citizen reporting software onto his city council website. SeeClickFix allows users with either an iPhone, Android or BlackBerry to download an app and report non-emergency city issues, like potholes and graffiti, to elected officials.Citizens can see a map of issues in the surrounding area, as well as which of those issues have already been addressed and which are still open. City Councilor Gaylord is one of the first adopters of this type of technology at his level of government but he's still looking to the future.
"I would like to see an App adopted by [Raleigh] that allows citizens to weigh in on big issues that are before the council," said Mr. Gaylord. "A one-stop App that provides the details of an issue with the ability for each citizen to comment and even vote... would be a great way to involve more citizens in the decision-making process."
We love having such an early adopter as one of our clients. What kinds of new technologies are your local politicians using? Do you have any suggestions for them?
-
A Site for University Innovation
The University of North Carolina at Chapel Hill has been named "America's Most Entrepreneurial Campus" by Princeton Review and Forbes.com, a claim that UNC wants to uphold. New Media Campaigns has been involved in the entrepreneurship program at UNC and we are always watching the many ongoing entrepreneurial initiatives at UNC, the latest of which became a New Media Campaigns project.
It started from a book written by Chancellor Holden Thorp and Entrepreneur-in-Residence Buck Goldstein called Engines of Innovation: The Entrepreneurial University in the Twenty-First Century which will be released on September 29, 2010. Engines of Innovation addresses the need for universities to use their vast intellectual and financial resources in innovative ways to come up with solutions to the world's biggest problems. In addition to this book, Goldstein created a freshman seminar that parallels the purpose of the book and is where New Media Campaigns was able to help.
The class explored entrepreneurship and innovation in the university setting through readings, research and guest speakers. The information learned in the class was then translated into blogs, video interviews and articles all posted on a website the class maintained: RevupInnovation.com.
Naturally New Media Campaigns was interested in this effort given our ties to the University and its entrepreneurial community. We helped the class get the site set up so that the students could then take over. As a student in the class and I was not only introduced to New Media Campaigns, leading to a current summer internship, but I also learned firsthand the importance of entrepreneurship at a university.
The class was split into four groups to manage the site and create content. The web media team worked closely with New Media Campaigns and was in charge of launching, editing, and maintaining the website. The audio-video team set up, filmed and edited the interviews conducted in and outside of class. To reach beyond UNC, the best practices team researched other leading entrepreneurial universities to report on what they are doing right. Lastly, the blog team transformed class papers into blog posts and led the search for outside bloggers.
Some of those interviewed or blogging for the site include Harvard Professor Michael Porter, UNC Chancellor Holden Thorp, MIT Professor Bob Langer, Duke Professor Joel Fleishman and many others.
The students have come up with a number of cool features -- from highlighted personal interviews on the homepage, a signup form for UNC faculity and community members to submit blog posts and importantly, a newsletter signup on the sidebar of every page. Much of the sites followers are from within the University and prefer email to rss as a subscription mechanism.
While the class has ended for the year, revupinnovation.com will continue into this summer as several students have decided to stay involved. There is a core group of students staying in Chapel Hill this summer that will maintain the website daily, in addition several students will be working from around the country continuing to conduct research and interviews.
It was an exciting project for New Media Campaigns to be involved in. The project got off to a great start and it was a tremendous experience for the students. It will be exciting to see how the project continues to evolve.
-
Factors in Pricing Website Design
During a recent meeting with a prospective client, a question came up about 2 website quotes that varied widely in price and what I thought the difference was between the two. I thought it was a great question, and honestly, it caught me a little by surprise. So after taking some time to think it over, here are a few thoughts on the topic.
Overall, I think there are 2 primary ways to approach this.
The first is that a cheaper quote may mean lower quality work while a more expensive quote means higher quality work. For example, your friend's friend who occasionally builds websites after school could easy price a project and value their time very differently than an established agency of design professionals. In this situation, the difference in cost will likely be reflected in the quality of the end product.
The second is that for reasonably comparable work, there may be other factors that affect the way an agency prices a project. I think it makes more sense to focus on this angle for this post, assuming that the groups were vetted by the client before a quote was requested and that they were generally pleased with the agencies portfolio of past work. Also, for comparisons sake, let's assume that the components and vision for the site are equally understood by the competing agencies. That is, there are no glaring differences in what the site will include and how it will function, which would have a significant impact on the quote.
So, enough with the introductions and assumptions. Let's have a look at some of the factors that may affect an agency's pricing.
The Agency Profile
Does the agency who provided the higher quote have designer leather chairs and fresh-cut flowers in the lobby? How about high-end video conferencing capabilities or other gadgetry to woo prospective clients with their technological prowess? If so, you can be sure that those costs are passed down to the client in some fashion. There are a lot of pricing models out there and one thing they all have in common is a break-even point—the minimum amount they must charge/make to cover their costs before they make a profit. So, more often than not, the higher the overhead of the agency, the more they must charge for their services.
A side note—for better of worse, you should also consider this profile and some of these signs as potentially representative of the culture of the agency and the people you'll be working with on this project—it may be a telling sign if it's a good fit.
Quality of Product
I mentioned above that for comparisons sake, the elements of the site would be equally understood by each agency. Well, a sedan and a sports car will both have a steering wheel, brakes, a windshield and will (usually) get you from point A to B, but you're going to look a whole lot cooler and potentially more impressive in the latter. It's also likely that the sports car will provide a better overall experience for both the passenger and driver. The difference here is often the attention to detail (design and structure) and what's under the hood (code and CMS). Make sure that you take both into account when comparing an agencies work.
So, while both quotes/sites may include the same elements, that doesn't mean they're the same product. One important thing to note here is that it's not always true the the higher quote will equal higher quality work. I'll share a few thoughts on the relationship between cost and quality in the next section.
The Process & The Allocation of Resources
Does the more expensive proposal you received include a 2-day island retreat to discuss your web strategy? Probably not, but there is a good chance that the agency behind a large quote budgeted a significant amount of time and resources to different phases in the development of your new site. So, does that mean by choosing a lower quote that you're choosing to neglect or bypass adequate time to maximize the potential of your site? No.
Many groups (like ours) believe that there is a tipping point in the development of a site that, once you've passed it, you're no longer providing value equal to the added cost of the project. This is sometimes referred to as the quality-price-ratio. Be sure to keep this in mind when it comes to comparing quotes and what it means for your project. As I mentioned above, a more expensive quote doesn't always equal better work.
Your Experience
These are just a few of the factors that I think could explain a difference in quotes for a website project. From an agency perspective, what are other key factors? Or, as a client, have you ever been in this experience and which quote did you accept and why? I'd love to hear your comments and experiences.
-
NMC Builds Campaign Website for Special Election Winner, Mark Critz

At the very end of March, the DCCC reached out to us with an exciting and urgent project. Mark Critz, the Democratic candidate in the special election for the late John Murtha’s seat, needed a solid online campaign and he needed it quickly.
While we had been involved in special elections before, this one brought added intensity, as political pundits viewed the campaign as a litmus test on Democrats’ vulnerability in the 2010 cycle – the same way they had viewed the Brown-Coakley race in Massachusetts. We eagerly accepted the opportunity and got to work.
The speed and importance of these special elections raise a set of issues that are largely absent in a normal campaigns where you can have months and months to build and leverage your online campaign. Here are some of the unique challenges presented by a Special election and how we navigated them in the Critz race.
1. Speed is of the Essence. Understand that your typical creative and development process need to be majorly adjusted to get the site up as quickly as possible. We normally promise campaigns that they’ll see a first, static design within 7-10 days of hiring us – in this campaign, that was the total timeframe that we designed, developed and launched the site. We had to internally adjust our workflow and change some priorities, but we knew that the election was less than 60 days away when we were first brought in, so everyday without a website was a huge liability for Critz.
2. Embrace a “Rolling Launch.” When we launched the site, it had about 60% of the normal content for a completed site, lacked a splash page to gather data, had a simple link to an outside donation service, and had no multimedia. However, rather than take the extra days to round out the remaining 40% of the site, we advocated for a “rolling launch” where we would continue building out advanced features while the site was live. This strategy helped us get the site launched very quickly, and it also demonstrated to visitors and voters that the site and campaign were scaling and that there would always be new information with each new visit.
3. You Can’t Email Too Much. With a typical campaign, you have to walk the thin line of emailing calls to action to supporter and spamming them. With a special election, the cycle is so short and need for resources is so high that this conventional wisdom goes out the window. The Critz campaign and the DCCC were emailing supporters as many as three times per week and that was totally fine. The emails keep the election top of mind for voters unaware of the unique circumstances, conveys the urgency of the campaign, and helps define the candidate and opponent in such a short period of time. These benefits are well worth any unsubscribes from the list.
4. Coordinating With a Number of Stakeholders. Usually there is a pretty defined central point of contact between our team and the campaign. However, in a Special election, everyone is bouncing to so many different projects that it is typical to work with a number of different stakeholders on projects that would normally be headed up by a single point of contact. It was perfectly normal for us to work on projects with the DCCC, the direct mail firm, and the campaign manager all in the same day. They were all helping fill holes opened by people getting pulled in a hundred directions at once, and it was our job to work with each of these stakeholders to accomplish their goals while maintaining the consistency and quality of the overall online campaign.
5. Content Management System for Quick Reactions. If you haven’t noticed yet, speed is important in special elections. For that reason, it’s critical to have an easy-to-use Content Management System that campaign team members can use without taking the time to contact the web developers. The Critz team did a great job of changing the images and calls to action in the site’s main feature area, uploading new multimedia, adding press releases, and even added the victory video at midnight last night. A CMS was key in them being able to add content whenever and wherever they needed, allowing the site to be a scalable element of the campaign
We’re extremely proud of our role in this pivotal race and are happy to have helped such an amazing candidate. We were supported and welcomed by the campaign and other stakeholders, making our job much easier, and we worked with the above goals in mind to make their jobs as easy as possible.
It’s shaping up to be an exciting year of campaigning and campaign websites will be at the forefront of much of the action. Congrats to Team Critz and to the new Congressman-elect.
-
A Look Back at What's Ahead
Some people say that you'll instantly know if a job is right for you—those people don't know what they 're talking about. At a minimum, I think it takes a good six months to have a good feel for a new position and if it's really going to be a good fit. So, as my first two weeks at New Media Campaigns draw to a close, I don't know what the future holds, but I have picked up (or confirmed) a few things since I've been here.
It's all about the team
With any job, the people you work with make a big difference. Surround yourself with the right people and, more often than not, things will work out just fine. Such is the case with this group—from top to bottom, the NMC crew is an all-star cast. How did they assemble this A-Team? Although I secretly suspect that Mr. T is kept on retainer for HR consulting, I've been unsuccessful in my attempts to confirm that. I have, however, noticed a few consistent philosophies that seem to have resonated with the group: trust your employees, give them the tools and direction they need to succeed, keep them inspired, and then step aside and let them do what they do best.
Great service and a strong product go hand-in-hand
With only one of these you may survive, but you'll never prosper. Exceeding expectations and consistently delivering results leads to happy, repeat clients—the type of clients (and partners) that become evangelists for your company. It's simple to understand but much harder to execute. Lucky for me, it's something that this group figured out some time ago.
Never settle
The strong product that I spoke about above—it's more than just a good-looking new website, it's often what's behind the curtain that really sets a site apart. Our current CMS powers hundreds of websites and provides our clients with full access and control over their site. It'd be easy to rest on the success of that system and focus our development resources on building new sites, but that's part of a "if it's not broke don't fix it" mentality that stands in the way of innovation. Enter HiFi.
Having used (and cursed) a number of different content management systems, I'm really excited about HiFi and what it means for our clients. Behind a polished and intuitive interface, this system boasts some exciting and powerful options for building websites. I really believe it's a system that will take our sites to the next level. If you haven't already, head over to the gethifi.com and check things out. While you're there, don't forget to drop off your email for updates on the system as they're rolled-out.
So, is that it? No, but what do you expect from the new guy?. After all, my time here has just begun.
-
Tips for Developing a Custom Design for HubSpot CMS
At NMC, we develop 95% of our projects on our own Content Management System. Our system gives designers total flexibility and is very intuitive for end users, so it ends up being a good fit for just about all of our clients. However, occasionally clients come to us with a strong backend preference for certain reasons. This has happened a few times with the HubSpot CMS, due to the system's helpful business analytics and supporting community.
The HubSpot CMS wasn't originally developed for custom designs and is more geared toward the company's templates. However, with some elbow grease, you can get a custom look on there that follows HubSpot's requirements. We have now designed a couple of custom HubSpot sites (including SLX for Sun Microsystems) and put together this brief tutorial on some shortcuts to freely developing on the system.
Developing on an unfamiliar platform has it challenges, most of which is relinquishing control. For me, not having control of front-end conventions is frustrating. As a web standards enthusiast I’ve established patterns during the build-out of sites designed to minimize browser errors and cut down on development time.
So when it came time to dive in and work with the Hubspot CMS for the Yamaha Music School of Boston and Sun Microsystems' SLX, I went into the projects with the mild hesitation of having no idea what my experience would be like. Thankfully, I was pleasantly surprised with what I was able accomplish through some tricks and ingenuity. Here are a few tips and recommendations I’ve learned from my experience from using the Hubspot’s Business Website Manager:
1. Utilize the Color Scheme Configuration settings

Hubspot’s system generates a CSS styles that are placed within thebodytags, taking precedence of entire styles sheets I load to the DOM. Since the design specs I had to work with matched one of the systems page templates I thought it would be best to work within the confines of the system. This turned out to save me a lot of headaches later.2. !important important important
Everything I couldn’t accomplish within the Color Scheme Configuration I wrote into a new CSS file based on some id and class selectors created by Hubspot’s templating system. After uploading a file through the system’s File Manager and linking that file into the header using the Website Setting, I noticed some of file’s declarations weren’t rendering in any browsers. After a few minutes of digging I realized the styles were being overwritten by styles loaded further down in the cascading order. Adding ’!important’ to the end of css declaration value give it precedence over all other ‘author’ and ‘user agent’ styles, or styles created by the developer and browser:h1{font-weight:bold!important;}3. Use HTML / JavaScript to add custom code

When you need to add static content or custom images, you need to add a new page Module. Given all Module options, I recommend using plain markup. You can create things with a fresh slate and not be tied down by the templating system’s css conventions and markup. When you’re configuring your new module make sure you select the options to not use the module title and to use plain formatting. With those two items selected, you now have that clean slate to work with.If any of you are charged with developing a site on HubSpot, hopefully these tips are helpful in tackling the project. While HubSpot's system isn't ideal for totally custom designs, with some extra work, you can still put together an attractive site.
-
NMC Goes 5-1 in Off-Year Online Campaigns
As a political website design firm, New Media Campaigns is happy to report that in 2009, an off year for elections, the company went 5-1. NMC built online efforts in 5 different states for city council, mayoral, and levy campaigns.






The five winners were Stephanie Miner for Mayor of Syracuse, Luke Ravenstahl for Mayor of Pittsburgh, Bonner Gaylord for Raleigh City Council, the Hamilton County Library levy, and the Five Rivers Metroparks levy. Unfortunately, the Joe Merrill for Mayor campaign was unable to unseat Binghamton’s incumbent mayor, but he ran a spirited and professional campaign that we were happy to work with.
Each campaign brought a unique set of challenges and goals to the table, and the NMC team was eager to assist them.
We were proud to assist Romanelli Communications help Stephanie Miner become the first female mayor of Syracuse, and build an online fundraising infrastructure that helped raised tens of thousands of dollars online.
The Ravenstahl mayoral campaign website design was successfully launched in just one week’s time – a very rare feat for a website of any kind, especially for such a high profile race. This re-election helps the mayor continue his mission of moving Pittsburgh forward, which was featured in the NY Times this week.
Bonner Gaylord put together a sophisticated web effort that is rarely seen with local campaign websites. He used his site to register and organize hundreds of supporters. Furthermore, the fresh design and feel of the site helped differentiate the political newcomer from other candidates.
The two levies had the unenviable task of asking voters for money in a tough economy. They were able to both be victorious by building a strong coalition of supporters. Both campaigns successfully used social networks to broaden their message and engage younger voters. Furthermore, the library levy was able to recruit dozens of donors through yard sign and bumper sticker promotions hosted on the campaign site.
NMC has already began lining up clients for 2010 and will begin revealing its client list, including several statewide campaigns, over the coming weeks as the new campaign sites launch.
Thanks again to our partners and clients on a successful 2009 election and congratulations!
-
Launching a Political Campaign Website in Just One Week
This post is meant to shed some light on the NMC process and how we're different from many other web firms out there. As a web design firm that works with dozens
of political campaign websites, we've noticed candidates are already eager to gear up for the 2009 and 2010 cycles. This trend can probably be attributed to the campaigns witnessing the success of President Obama's online campaign.Over the past couple weeks, we've launched several online campaigns and had numerous others contract with us to begin building their sites.
However, one recent campaign website stands out as unique among them, because of the way and speed with which the site was planned, designed, implemented, and launched. The site is for Pittsburgh Mayor Luke Ravenstahl, and the entire process took only seven days!
We pride ourselves on our service philosophy and quick turnaround, but this site really takes the cake for speed and results. Much of the credit, however, is owed to the Ravenstahl campaign for their great feedback and timely deliver of necessary content.
What's most striking is that this turnaround is not some unattainable goal, as many people believe. Much of the credit goes to the amazing campaign staff for helping out by getting us all the information and feedback we needed in a timely manner.
Here's a timeline of how the Ravenstahl for Mayor campaign website took shape:
- Monday, March 13 - The campaign fills out our standard Creative Brief. The CB is the document that guides us through the creative process by giving us into the campaign's themes, aspirations, and ideas. The campaign answered all of the questions and got us the necessary materials such as their logo, candidate headshot and pictures.
- Wednesday, March 15 - We returned the first draft of the design to the client. Thanks to their great answers on the CB, we very nearly nailed it with the first draft.
- Thursday, March 16 - We work with the campaign to iterate on the design based on their feedback. Mostly small changes pertaining to minor layout and menu changes. We also draft the interior page design based on the latest iteration.
- Friday, March 17 - The campaign approves the design and we begin coding it onto our Content Management System. We code each of our sites in CSS onto our system, ensuring that the custom design is completely controlled by the CMS.
- Through the weekend - Our team worked over the weekend to finish the coding and get the site up on our test server by Monday morning. The campaign was awesome and sent us great content throughout the weekend, allowing us to load it into the site through the CMS as we tested across browsers and hooked up interactive features.
- Monday, March 20 - Final proofing by the campaign and we launch the site in time for the Mayor's noon announcement. The whole process took just seven days and we owe a lot of the credit to the campaign for being so helpful.
The site has been well received so far. We plan on continuing to build out new features and the campaign will continue adding content through the CMS, but it's a great starting point for an important race.
We were very excited when we were first selected to be involved with such an awesome race, and have only got more exhilirated as we've seen how truly awesome the campaign is to work with. In case you haven't already, be sure to check out the site.
I hope you found this post interesting to learn more about our process and how we work with political campaigns around the world (we recently just signed our first two international clients, so we can now say that). Do you have any exciting launch stories of your own that you want to share?
-
Helping Ronald McDonald House Charities of North Carolina Share a Heart
Launching a non-profit online marketing campaign to engage donors around the Carolinas.
Ronald McDonald House Charities of North Carolina has run a Valentine's themed campaign for the past couple years known as "Share Your Heart." It has been a point of purchase campaign where shoppers at selected stores can donate a dollar after making a purchase and then give a paper heart to someone close to them.
This year, their PR Firm, McKeeman Communications and marketing firm, Grace Strategic Marketing, thought it would be great to add an online element to extend the reach of the campaign to those who may not see the point of purchase promotion.
The team came to us, knowing that we act as a web development partner for PR firms and have launched dozens of non-profit website designs to implement the design and set up the design for the new rmhcnc.org as a portal to this campaign.
We also had the idea to let people send virtual hearts to friends from the site, in order to establish it as more of a destination and to refer other people to the campaign.
The team loved the virtual heart idea, and we were off to the races.
After coding their design, we designed the Virtual Heart feature, which allows visitors to personalize a heart (seen above) and send to up to 10 of their friends. The friends get an email that refers them to both the heart and the main site.
This site is a great example of how to take current campaign, move it to the web, and add an online touch that encourages usage. By building in the Share a Heart online feature, the campaign automatically gains legs and expands its network of visitors/donors far beyond the original visitors.
Please join the movement and visit the site to share a heart this Valentine's season.
-
Growing (Staches) With Our Clients
For the second year in a row, we built the website for the Charlotte Chapter of Mustaches for Kids. The group was started by Joe Romanelli, president of Romanelli Communications, one of our ad agency partners that uses our content management system for designers. While we worked on the site last year, we did not participate in the event.
However, Joe used his superior salesmanship this year to get Joel and myself involved in the organization as growers. So, for the past 4 weeks, we've subjected ourselves to public shame as we grew mustaches. Joel's could best be characterized as a "trash stache" while mine would more aptly be described as non-existent.
It was a lot of fun to be involved and the organization was extremely successful. This year the growers raised over $50,000!! That's not even including matching funds from institutions around Charlotte. By being the most successful chapter in the nation, M4K Charlotte also won an additional $75,000 from the Knight Foundation to distribute to schoolroom charities around Charlotte.
Not only did we grow staches for the organization, but we also built out some custom features to help engage and excite the growers. Each grower had the ability to create their own profile on the website. With the profile, they could easily edit their information and post pictures of their stache's progress.
By integrating with DonorsChoose, a non-profit aimed crowdsourcing funding for projects posted by teachers around the country, visitors were able to visit the M4k website, view growers' profiles, and easily donate to their favorite participant.
The website was a great hit and allowed growers to have full control of their web personas, leading to some very funny profiles.
Congrats again to Mustaches for Kids Charlotte and to all of the "talented" growers and wonderful donors!












Network with Us