Client

SiTEL (Simulation and Training Environment Lab, part of MedStar Health)

URL

coming soon!

Scope

SiTEL asked Serendipity Creative to redesign and develop their website from scratch, starting with the initial strategic review, sitemap and information architecture all the way through our process of wireframing, design and development using Wordpress as a CMS (Content Management System). This version of their website represents Phase 1 of their redesign process, with further enhancements and developments to come over the next year.

From the beginning, we led the SiTEL team through the planning process to establish their goals for the site, who their audiences are and how they wanted the site to create productive conversations with their audiences. Working closely with SiTEL’s content manager, we helped design the new sitemap to make it easier for different audience groups to find information based on their likely interests. We used SiTEL’s existing branding and created a clean, expansive, polished look to reflect their high-tech, cutting-edge work balanced with a personable, human touch. Clear and prominent calls-to-action were included on each page to guide visitors to next steps. We then coded the website, page templates and custom widgets from scratch using Wordpress as a CMS to enable SiTEL staff to update and expand its content.

No website is ever “finished,” including this one. We’re excited to be working on further enhancements of the website to make it even more engaging.

Client

SchoolTube.com

URL

http://www.schooltube.com/

Scope

SchoolTube.com asked us to redesign selected pages of their website as the first step in an eventual redesign of the entire site. Our job was to provide the visual design and front-end programming to SchoolTube’s developers to integrate with their existing back-end database systems. Preliminary results have been very encouraging: rethinking even just a few strategic pages has resulted in a 75% increase in new registrations from teachers, students and organizations.

We initially focused on the home page, channels landing page, categories landing page and sponsored category pages to give them the most immediate impact for their efforts. The previous site needed a more professional, colorful, youthful image to connect with their target audience of students, teachers and school administrators. We encouraged SchoolTube leadership to give first priority to their users’ needs and evaluate their website and each proposed change from their users’ perspectives. For example, since many site visitors are new to SchoolTube, we added features to introduce SchoolTube’s services and benefits and guide users to next steps (e.g., signing up, logging in, learning about sponsorship opportunities).

Because the majority of the site still follows the old styling and page layouts, our improvements needed to be different enough to be effective, but still mesh compatibly with the older pages. With this in mind, we redesigned the functionality, user paths, layout and styling of each of those pages from scratch, focusing on how to make it easier and more fun for users to engage with SchoolTube.

In addition to our work on the SchoolTube website, we assist SchoolTube on an ongoing basis to develop its advertising, proposals and sample artwork to support its efforts to attract high-level sponsors. As new sponsors sign on, we create custom elements for each sponsor page to reflect the sponsor’s brand within the guidelines we’ve established for those pages. We’re pleased to serve as SchoolTube’s go-to design resource and partner in their growth efforts.

Client

Rob Petrovec

URL

http://christineandrob.com/

Scope

We created this custom website and coordinating printed invitations as a wedding gift to Rob Petrovec, Dawn’s brother, and his fiancé, Christine. They wanted a simple, elegant look that still reflected a sense of fun and their own personal style. This website is based on Wordpress, enabling Rob and Christine to post updated information and photos related to the event as their wedding date approaches and after the wedding. Just for fun, we added a countdown widget to the footer to calculate the days remaining until the wedding.

The email came from Lydia Watts, co-founder of WEAVE and friend since I first started working with WEAVE nearly 8 years ago. She asked if I could please create a simple micro-website for saveWEAVE.org—the last-ditch fundraising effort she wanted to launch the next day. Her challenge: raise $85,000 in 10 days which, if successful, could help WEAVE stay open and continue its vital, lifesaving services to DC-area survivors of relationship violence.

I quickly set up a simple Wordpress-based website Lydia could update herself. I also included a Chip-In widget, a neat little tool for accepting donations and displaying progress toward a specific fundraising goal. Another volunteer generously created a Facebook group and Twitter account, which we integrated with the website. He actively updated saveWEAVE’s presence on Facebook and Twitter day and night throughout the week while I fielded questions about donation processing and helped keep the website updated. Lydia, along with other volunteers, board members and friends, worked tirelessly to promote saveWEAVE and reach out to their contacts with requests for donations.

What followed was an intense yet fascinating week during which saveWEAVE.org supporters leveraged social media, networking, blog exposure and traditional media to raise over $85k in FIVE days, not ten. Over 700 supporters came forward, many of whom had never heard of WEAVE before. While there were several donations over $1,000, the vast majority of this total was achieved with donations of $100 or less.

Beyond the obvious joy of (hopefully) helping WEAVE continue, the incredible outpouring of support is groundbreaking in terms of WEAVE’s fundraising strategy. Like many other non-profits, WEAVE’s fundraising until now has mostly relied on traditional methods—e.g., board member fundraising, development department outreach, an annual fundraising event, direct mail appeals and e-mail outreach. In an emergency push over just one short week, WEAVE saw for itself the dramatic results a great organization can achieve when they redefine their approach and jump into Web 2.0 and social media fundraising with both feet.

What are some take-away nuggets from WEAVE’s experience? Here’s a start:

1. It’s a fact: your supporters are Web 2.0 and media-savvy. They read blogs, news articles, share information on Facebook, and yes — they tweet, too. You need get very active in that world, reach supporters online where they are and find creative ways to stay in front of them — both directly via social media tools like Facebook and Twitter, and through media channels such as community blogs and local news outlets. This is a basic “fundraising in a Web 2.0 world” concept, but a very significant starting point.
2. If your website doesn’t already have a content management system (CMS), you need one. Developing and maintaining relationships with supporters requires dialog and fresh content on your website to keep them coming back to continue the conversation. A CMS makes it so much easier to update your site frequently and bring in other interactive features to engage your visitors. Creating CMS-based websites like this and planning social media outreach is my specialty, so please drop me a line if you’d like help making it happen for your website.
3. If you’re going to invest the resources into this kind of relationship-building as an ongoing effort, you need a plan. For many organizations, “our intern created a Facebook page” is the extent of their social media outreach plan. (Really, I hear this all the time.) Although WEAVE’s initial push took place without the luxury of time or formal planning, start by thinking about what social media tools will be most effective for you (not all of them! pick a few), what your goals are, how you’ll measure those goals, and what staff support you’ll need to maintain these tools. Remember, this is about building relationships with supporters over time — not “fix it and forget it.”
4. If your staff is already overwhelmed (more than likely), consider asking a dedicated volunteer or three to keep up with posting new content and responding to comments on your website and social media properties. Appoint a staff person to oversee and coordinate these efforts so you can make sure you’re projecting a consistent message.
5. Give supporters multiple ways to engage with your cause by mixing together different conversational threads. This can include daily / weekly postings to Twitter and Facebook, monthly emails, regular online / offline fundraising events (e.g., informal happy hours, Tweetups) and frequent posts on your website with news updates, stories, links to external media articles about your org, etc.
6. Build relationships with bloggers and reporters and encourage them to write about your organization. Monitor, publicize and respond to news articles and blog posts about your organization. Show that you’re listening and want to hear more!
7. Think about how your internal processes will support direct relationships with the donors that come to you via your new fundraising techniques. Prepare your workflow and line up (wo)manpower so you’re ready to manage the these new relationships–not just as names and addresses, but real people who want to engage with your mission.

Whether WEAVE manages to continue or not, I’m truly in awe of the hard work and determination of everyone associated with WEAVE, from friends and supporters to the staff and clients who have made WEAVE the gem that it is. Even with this heroic effort, they’ve only just scratched the surface of bringing WEAVE’s fundraising into the Web 2.0 world. I’m looking forward to helping them build a new plan to leverage this momentum moving forward.

Has your organization had a similar experience? What would you add to this conversation?

Client

Rachel Simmons

URL

http://www.rachelsimmons.com

Scope

Rachel Simmons is an author, educator and coach helping girls and young women grow into authentic, emotionally intelligent and assertive adults. Our goal for this project was to expand on the identity and vision developed earlier in this project to design and develop a completely new online presence for Rachel Simmons. She wanted a bold, modern look with a strong yet approachable feminine edge but without being too “girly.”

Rachel’s previous site was a static “brochure” website that was difficult for her to update and offered little opportunity for interaction with her audience. We developed this new website using Wordpress as a CMS (Content Management System) with significantly expanded features. Rachel’s new site has 2 blogs, custom feeds for videos, GirlTips and news, event listings, a Twitter feed, photo gallery and more. Commenting is enabled throughout to allow visitors to interact with Rachel directly about her content.

This website was coordinated to launch alongside the release of her new book and related book tour, so we included features such as a book tour section, “buy this book now” links and book advertising throughout the site. We’re pleased that the launch of this website has garnered such a positive response from Rachel’s audience.

Client

Rosalind Wiseman

Scope

Design letterhead, business cards and #10 envelopes to extend the brand we created for Rosalind. The letterhead was designed as a digital template Rosalind and her staff can use in Microsoft Word. For the business cards, we changed the color of each card according the individual’s preference to add variety to their look. Each staff person’s basic contact information and Twitter handle were printed on the front with Rosalind’s full logo and website URL on the back.

Client

Rachel Simmons

Scope

Our goal was to create a simple yet striking typographically-based logo for Rachel Simmons. She wanted her new look to reference feminine strength with immediate visual impact and modernist flair. We designed this logo to function like a label, with or without her tagline “Leadership for Life.”

I’ve designed and produced many print annual reports over the years. But with everyone looking to reduce cost and waste, I’ve been exploring online annual reports to see how it can help my clients get through these difficult times. While some organizations really do need a printed annual report, others can do quite well moving the information online.

When I say “online annual report,” I don’t mean simply posting a PDF online. This method is unfriendly to users and search engines. I mean adjusting and reorganizing your annual report into a simple micro-website that makes your information convenient and easy to digest while eliminating printing and distribution costs and the need to recycle all those boxes of unused annual reports.

This all sounds great, but as usual I’ve been thinking about how we can take it further. If you’re going to take your annual report online, don’t just convert it and stop there. Take advantage of your CMS and Web 2.0 to bring depth to the conversation and inspire supporters take action based on what they’ve read in your annual report.

In the printed world, we’ve mostly relied on the good ol’ remittance envelope tucked into the booklet spine. On the web, though, you can do much more. Here are some ideas:

Enhance the conversation:

• encourage visitors to post comments and kudos related to your programs
• “read more” links visitors can follow to more in-depth information on your main website
• rotating or animated quotes from individuals you serve
• a simple slideshow or photo gallery with photos of your programs and events
• when listing donors, offer higher-end supporters links to their websites

Inspire action:

• Prominent “donate now” link on every page
• Share This links
• Links to your organization’s presence on social media tools (e.g., Facebook, Twitter)

Annual reports are generally considered a snapshot in time, so you need to consider these features from that perspective. You’re not trying to duplicate your main website; you want to give depth to your story from the previous year and translate that into more active supporters. Also, since one objective of going online is to reduce costs, you don’t want to get too carried away with features (thereby increasing programming costs).

Like any solution, balancing the trade-offs and qualifiers keeps things interesting. But if it makes sense for you to move this piece online, enjoy the process of exploring how you can use the web to make your online annual report more than just a document that lives online. We’re working on a few online annual reports this summer and fall, so check back for updates when they’re finished!

The basics of RSS

RSS is short for “really simple syndication.” In a nutshell, RSS feeds are a way to have the updated information you want pushed directly to you rather than your having to remember / take the time to check all of your bookmarks for updates.

Feed readers like GoogleReader make it incredibly easy to have all of your RSS feed subscriptions in one place. When content you’ve subscribed to is updated, it automatically pushes that new content to your feed reader. Instead of visiting each of your selected blogs or media outlets to see if they’ve posted anything new, you can sit back with your cup of coffee and let the updates come to you. Really, it will change your life.

There are a great many articles and videos out there explaining the basics of RSS feeds, so I don’t have to reiterate here. There’s a good one by Darren Rowse at ProBlogger if you’re interested, which also contains a nice little video by CommonCraft:

So what else can we do with this?

The meatier conversation comes when we’re working on a website together. Creating RSS feeds for your own site is standard these days, and it’s a great way to help your audience stay connected with you. So it really helps to be comfortable with RSS feeds already when we have the discussion about dynamic content and how to push YOUR information out to YOUR audience.

When setting up RSS feeds on your site, visitors can sign up for one single feed covering all of your content updates or sub-feeds for one or more specific areas. RSS feeds for your comments are also a great community-builder. When someone posts a comment on a blog post, they can sign up to receive an RSS feed of any other comments on that post, which encourages conversation not just with you but also between your site visitors. This is a very effective way to develop community on your site, keep yourself in front of your audience and provide useful information that encourages repeat visitors, links and search engine attention.

Now, single feeds are useful, but we can also tie them together to create aggregated feeds. This sounds complicated but really just means a group of feeds tied together into one single stream. You can create simple aggregated feed streams directly on your site, or enlist any of the user-friendly tools such as Yahoo! Pipes to combine different feeds from multiple sources related to a particular topic. You can then create a new feed that you can filter, sort, map, manipulate and post on your site for others to enjoy.

How could you use this on your site? Say, for example, that you’re an international research organization and you want to provide your audience with a collection of current resources, updates, training, tools, etc. to help them do their jobs better. Your audience could really benefit from a consolidated source of news and updates from a group of sources you’ve tailored to their specific interests. Or you could get fancier with a feed pipe that “mashes” together layers of textual and mapping data to show a dynamic map of, say, HIV/AIDs infection rates by country. More complicated feed pipes can take time to build, but they can be very powerful and useful to your audience.

Using RSS feeds for your internal workflow and on your site are fantastic ways to increase the flow of useful information into and out of your organization. Although you do need to generate some of your own updated content, aggregated feeds let you attract visitors with fresh, useful content you don’t necessarily have to generate yourself. The result? More efficient information sharing, an engaged audience of repeat visitors, better traffic, more incoming links and better search engine rankings. Nice.

How do you use RSS feeds in your organization? Leave a comment!

Client

Rosalind Wiseman

URL:

http://rosalindwiseman.com

Scope

Rosalind and her team approached us last year to redesign her identity and help rethink her business and website strategy. We worked with her team to evaluate their business goals and options, and then figure out a plan for her positioning and marketing efforts.

Our goal for this website was to create a fresh, new look that leverages her established name recognition and build an interactive website community around her blog and video content while highlighting her publications, training institute and speaking engagements. We redesigned and restructured her website using Wordpress as a CMS to include multiple blog channels, video Q&A, event and publication information, upcoming events lists, subscription options for email and RSS feeds and an educator forum. We incorporated Adsense and other advertising into the site for future expansion. In the coming months, we will also be redeveloping her resources lists for added functionality.