Design Web Design

Metropolis is a "news, analysis and commentary" site from veteran Philadelphia reporter Tom Ferrick (Wikipedia). An alum of The Philadelphia Inquirer, Tom's spent the last half-dozen years talking to everyone who will listen about the future of print and Philly news. He's done talking and is showing what can be done on a budget budget. From "This is Metropolis," the lead article:

Local newspapers, TV and radio stations are retreating from in-depth coverage of regional news either due to economic or audience considerations.

The retreat has been gradual, but no one expects it to stop. The company that owns the region's largest newspapers - the Inquirer and Daily News - is in bankruptcy. The size of the editorial staffs at the papers continues to shrink. The prognosis for metro dailies here and elsewhere is not good. The journalism practiced by these papers is still robust, but the economic model that has sustained it is eroding. If these traditional sources of news falter or fail what will take their place?

The site was built in Movable Type. The most prominent feature is the slideshow display of featured articles. Tom has seen a similar effect on another journalism site and a search found the "Sliding Horizontal Banner Rotator" at Active Den, a great site to purchase pre-built Flash files. Movable Type entries are outfitted with custom fields to enter images and links. Movable Type then creates a custom XML file for the "Main Stories" feed, which is then picked up and displayed by the Flash banner. In addition, the site uses Google Adsense to provide income.

Visit site

Michael Oliveras is a long-time union carpenter making the entrepreneurial jump and starting his own business: Mike's Precision Carpentry, serving the New Jersey, Pennsylvania and Delaware from his shop in Hammonton, NJ. He came to me looking for a webpage to advertise his new enterprise.

It's a simple design, a typical small-business site of half-a-dozen pages. The color scheme matches his business cards for a bit of branding. Oliveras faced a problem typical for new businesses: a lack of good photos. The work he's done for many years is not technically his own (per the employment contracts) so for now the pictures are a mix of the few jobs he has done on his own and a few stock images. I'm sure he'll have a well-rounded portfolio before long and we'll be able to fill out the site with his own work. In the meantimes, he added a couple of great pictures of him and his family on the "About Us" page to give it that personal touch.

See it live: www.mikesprecisioncarpentry.com

Popular children's entertainer/educator Slim Goodbody is one busy guy: most weekdays of the school year find him spreading the message of good health in his trademark body suit ("When a Body needs somebody there's nobody like Goodbody!").

He's been doing this work for decades now and has a vast storehouse of videos, products and fans. Slim came to me to build a branded Facebook presence.

A typical workload for a Facebook branding project is:

• Set up the Page;
• Coordinate with the client for a good profile graphic;
• Adding a number of photos and videos;
• Help set up a posting strategy;
• Provide phone support to answer questions on best practices;
• Give feedback on campaign (like Facebook's "Insights" stats)

For Slim, we decided to rely on Facebook's native apps as much as possible. This became especially important when Facebook shifted it's feed layout (yet again) to focus less on user streams and more on an algorithmically-determined best posts. The more integrated your site is with Facebook, the better chance your pieces will have of showing up on Fan's user streams.

We used Facebook Markup Language (FBML) to create custom Page tabs for integration with his existing online store and listing of tour dates. We would have liked to use FB's Events application but it doesn't allow for the volume of tour dates necessary to cover a busy entertainer like Slim Goodbody!

See it live: www.facebook.com/slimgoodbody

The Friends World Committee for Consultation unites Quakers of all stripes together in joint projects and dialog. It's Americas office has the most complete listing of U.S. and Canadian Friends Meetings and Churches and now has a map to prove it! This is a mash-up of the FWCC database with Google Maps.

Because of limitations of how many data points Google can show the countries have been divided into regions. The main access page is a screen shot of a Google Map with a old fashioned imagemap overlay that allows you to select the region you want to look at. Javascript goodness shadows the currently selected region.

See it live: www.fwccamericas.org/friends

A potential client recently came to me with an existing site. It certainly was slick: the homepage featured a Flash animation of telegenic young professionals culled from a stock photo service, psuedo-jazz techno music, and words sweeping in from all sides selling you the company's service. Unfortunately the page had no useful content, no call-to-action and no Google PageRank. It was an expensive design, but I didn't need to look at the tracking stats to know no one came this page.

So you're ready to ditch a non-performing site for one more dynamic, something that will attract customers and interact with them. Here's five tips for building a self-marketing website!

One: Useful Content for your Target Audience Give visitors a reason to come to the site. Text-rich, changing content is essential. In practicality, this means installing a blog and writing posts every few weeks. You'll see measures like "keyword relevancy" increase instantly as excerpted text shows up on the homepage. Add videos and photos if your company or team has that expertise, but remember: when it comes to search, text is king.

Two: Give away something valuable or useful Many smart marketing sites feature some free giveaway right on the homepage: a useful quiz, professional analysis, a PDF how-to guidebook. A builder I worked with went to the trouble of posting dozens of floor plans & pictures to their website and compiling them into a PDF book, which they gave away for free. The catch in all this? You have to give your contact information to get it. Once the free material has been compiled, the site runs itself as a sales lead generator!

Three: Ask yourself the Three User Questions! It's amazing how focused the mind gets when you actually sit down to define goals. Just about every website can benefit from this three-step exercise:

1. Who is the target audience?
2. What would draw them to the site? 
3. What do we want to get from them?

Get a group together to through your website page by page these questions. Brainstorm a list of changes you could make. You'll want to end up with Defined Goals: what quantifiable actions do you want visitors to take? It might well just be the successful completion of a contact form.

Four: Test Test and Test Again Many small businesses now get a lot of their customers from their websites. Your website is an essential piece of your marketing and publicity and you need to be smart about it. Compile together your favorite site-improvement ideas and make up  alternate designs incorporating the changes. Then use a tool such as Google Website Optimizer to put the alternatives through their paces. Which one "converts" better, i.e., which design gets you higher percentages in the Defined Goals you've set? Once you've finished a test, move on to the next brainstorming idea and implement it. Always be testing!

An extensive series of tests of one site I worked on doubled it's conversion rate: imagine your company doubling its internet sales? It is completely worth spending the time and effort to go through this process.

Five: Don't Be Afraid to Get Professional Help If you need to hire a professional to help you through this process you'll almost certainly get your money's worth! A recent projects cost the customer $6000 but I was able to document savings of $100,000 per year in his publicity costs! See my piece What to Look For in SEO Consultants for my insider-advice to how to pick a honest and competent professional web publicity consultant.

Elisabeth is a painter and artist who specializes in original acrylic paintings and giclee prints of nature and South Jersey beach scenes. Her existing site was attractive, but it didn't have online ordering and she wasn't able to update it herself.

We put together a features list and then went through a round of concept screenshots which I built in Adobe Fireworks and Photoshop (you can see our work here!). Design in hand, I built a customized Movable Type site. A specialized template allows her to enter information about the each piece: medium, theme, price and the URL to it's image (most of which are hosted on Flickr). Movable Type pulls these together into various category and individual art pages, with automatically-generated Paypal "Buy" buttons for available pieces. We stressed search-engine visibility so there are many categories and they all cross-link with each painting.

Visit: Elisabeth Olver

Many Friends will know me from my active involvement in the Quaker world. I've been dubbed the "Quaker Blogfather" for my Quaker Ranter (site) blog and my work in pulling together QuakerQuaker (site), an online magazine and blogging community with over five hundred members and 10,000 visitors a month. I am also a frequent Quaker workshop leader and published writer.

I started building websites in 1995 with an award-winning Nonviolence.org hub site and was a social media pioneer when I redesigned its homepage to a blog format three years later. Before going independent as MartinKelley.com in 2006, I served on the staff of Friends General Conference (site) for eight years, where I worked in the FGC Quaker bookstore and built the Quakerfinder, FGC Gathering and youth ministry sites. I also worked for Friends Journal (site) for two years, putting select articles from their Quaker magazine online every month. Since then I've been privileged to work with Quaker organizations such as Friends World Committee for Consultation (site), Friends Council on Education (site) and Haverford Friends Meeting (site). I've done some exciting media work with the Philadelphia Penn Charter School (site) and built personal sites for well known Friends. I bring our testimony of integrity to every business transaction and when I address topics such as search engine optimization or pricing philosophy, I try to do so from a Friends perspective.

Web Design Specialties:

A local client from Tabernacle in Burlington County came to me with an interesting project. He's owned a commercial cleaning company for a number of years and has heard his share of horror stories about the cleaning services clients hired before finding him! This experience led him to write a PDF e-book about how to hire the right cleaning service. What a great idea and a what a useful book this is for small business owners.

The site's on a bit of a budget so it's a simple design, with colors and general look-and-feel borrowed from a site the client likes. Simple editing comes via CushyCMS. When customers click to buy, they are sent to Paypal for the actual transaction and then forwarded to E-Junkie, which provides the automated and integrated PDF download.

Visit the site: Office Manager's Guide to Hiring the Best Cleaning Service

Cornerstone is a relatively new church plant in Smithville, Atlantic County, New Jersey. They're site is a simple design built in Movable Type using off-the-shelf templates to keep the budget down. The most exciting part of the site is the podcast sermons and the ability to ask Bible questions and make prayer requests from the homepage. I'm most happy to see the church using the site and updating it regularly!

Pastor Fred Schwenger also has a new local connection: he and a partner have just opened Superior Automotive here in Hammonton at 880 S White Horse Pike! 

Visit: CornerstoneFellowshipOnline.com

I was hired to redesign the website of a cemetery that represents a fascinating slice of South Jersey history. In the 1880s, a group of Jews escaped Russian pogroms, came to America and started a "return to the soil" movement that led to the establishment of an agricultural colony in the small Salem County crossroads of Norma, New Jersey. Before long they established Alliance Cemetery.

The new Alliance website highlights the entrance gate. The cemetery has hired a surveying company to do a detailed map of the plots and we hope to add this in with a Google Maps mash-up when the data becomes available. A detailed history and photos are also in the works.

The design is hand-coded from scratch and is probably the most tasteful design of my portfolio. The pages themselves are editable by the client using CushyCMS and the Directions page has an integrated Google Map.

Visit: AllianceCemetery.com

Collected from the LinkedIn:

"Martin has provided -- and continues to provide excellent service and consultation as a Web site developer. For my site on New York-based architecture and history, Mindfulwalker.com, I asked for some complex developments of and changes to a WordPress theme and the site installation. I received the service that I needed and more, and I'm very happy with the site today. Martin brings a variety of assets to his role: He is extremely knowledgeable and capable in programming and Web tools. He's also a good communicator, is very value-conscious about the service he delivers for the cost, and is understanding of client needs. Beyond this, Martin helped with some excellent tutorials as I took over the site. I plan to hire Martin again as I look forward to enhancements and additional developments for my site and business. Martin is excellent at what he does!" May 10, 2009

Susan DeMark, Journalist.
Hired Martin as a Graphic/Web Designer in 2007
Top qualities: Great Results, Good Value, High Integrity

"Martin provided great value in designing a website for my law practice. He was accessible and facilitated the process, despite our geographical distance, through email and telephone consultations. He was flexible in working with me to achieve what I was looking for within my budget." May 1, 2009

John Kindley, Lawyer.
Hired Martin as a Graphic/Web Designer in 2008
Top qualities: Personable, Good Value, High Integrity

"Martin is not only highly competent as a Web site developer, he's also one of the most honest and trustworthy people I've ever hired. I highly recommend Martin." April 30, 2009

James Maguire, Author.
Hired Martin as a Graphic/Web Designer in 2006, and hired Martin more than once.
Top qualities: Great Results, Personable, Expert

"Martin has worked for our school to integrate Web 2.0 technologies into our communication materials. Martin is highly-personable and his is an expert in current technological approaches. This is a hard match to find in consultants." April 30, 2009

Michael Moulton, Technology Director, William Penn Charter School.
Hired Martin as a IT Consultant in 2007, and hired Martin more than once.
Top qualities: Personable, Expert, High Integrity.

"Martin has an outstanding grasp of everything there is to know about the internet. He is our "go-to" guy whenever we encounter something new and different, especially involving Web 2.0 and Search Engine optimization. He is also an experienced and skilled designer and has excellent PHP/CSS/HTML programming knowledge. Martin is a pleasure to work with in every respect!" May 1, 2009

    Barbara Raphael, Founder/Owner/Designer/Developer, Raphael Webscapes, LLC.
    Worked directly with Martin at Raphael Webscapes.

Ginny Christensen is the force behind Strategy for Growth, LLC, a Wyncote, PA consulting firm that provides strategic planning, board development, executive coaching, and leadership team development for independent schools and nonprofits. The site is fairly simple. It's built in WordPress and has rudimentary e-commerce with a Paypal option for purchasing books.

Visit: StrategyForGrowth.com

I'd like to talk today about social media and nonprofits. I've had a couple of interesting projects lately helping nonprofits put together Facebook Pages, LinkedIn Groups and Twitter sites. I think this is an exciting way to reach out to audience members.

Today: Email Lists

Over the last few years we've focused on email lists. We all have big email lists--tens of thousands of users, segmented all sorts of different ways. We send out dozens of emails a week and they end up seeming not spam.

Facebook Pages

A new era is coming with social media. A big change is Facebook Pages. These are geared toward advertisers although you don't need to have a Facebook advertising campaign to use them. In March 2009, Facebook redesigned Pages to act much more like typical user profiles: there's a wall, there's an activity stream, and you can associate different applications with them.

Two things about Pages are exciting. One is the activity stream. People who sign up as "fans" of your Page see what you're putting out in their individual stream. They'll log into Facebook and see that messages like "Jen just got engaged!" or "Joe is having a bad hair day" and that your organization is having some great event coming up this weekend. You're seen in the association of happy news from their friends. It's different from a spammish email because it's coming in with the context of their friends, which is very powerful for publicity.

The other nice thing about Facebook Pages is that they're public. A lot of portions of Facebook aren't but making Pages public means you can point to them from your website or other social media campaigns.

I think Facebook fan groups are going to be the new email list. They are the way we'll be able to reach out to people. I'm very excited about this because there's all sorts of easy multimedia possibilities. You can integrate with Youtube, with Twitter, with podcasts, etc., embedded for fans of your Facebook page to see as it's happening. This is much more exciting than some of the emails that we send out. They are also more interactive because fans can post things on your fan walls so you can have conversations on your sites.

Intimate, immediate, engaging

What the smart nonprofits are going to be doing is a lot of posting in a style that's authentic and intimate and less worried about being slick than we've typically been.

What I would love to see nonprofits doing is to get serious about video. I'm not talking about fancy video, hauling in videographers for six months shooting a three minute slick commercial. Get an inexpensitve video recorder and start doing five minute interviews with the people your organization serves. This will differ depending on your organization's focus. One advantage to simple videos is that you can convince even the busiest of your interviewees to take out a few minutes. You make these videos and post them to Youtube, Vimeo or directly to Facebook video. It doesn't matter where they hosted but you'll have to make sure they're embedded on your Facebook fan page.

Building our Facebook Fan Page

How to direct? You can direct in the emails you're sending out or through other sources. Twitter is a great way of directing people to what's happening: you send out a 140-character "tweet" with an interesting tease about the video you've produced and a link to the Facebook fan page.

The whole goal is to get Facebook fans. Once you're in as a fan, you show up in their activity streams. All the fans get to see the events you're organizing, the videos. If you have extra tickets to an upcoming event, post about it because people will see it immediately. It's a wonderful way to reach people quickly in a way that's not as intrusive as email (I suspect a lot of younger users are actually checking their Facebook homepage more often than their emails!).

The New Nonprofit Outreach

I'd love to see a lot more of these intimate, almost home-made videos going up on Facebook fan pages and using fan pages as a way of connecting with people. We can think of these as the new email list.

I would strongly encourage nonprofits to use all of these these media to reinforce their message and to find new ways to reach their audiences in a much more engaging, intimate way.

--------------

Martin Kelley is a web developer and social media consultant specializing in nonprofits. This post is a loose transcription of his video, Nonprofits and Social Media. This essay is also available on the MartinKelley.com Facebook fan page.

This Quaker meeting sits along Philadelphia's Main Line suburbs and is making special efforts at outreach. They wanted a design refresh that would allow the heads of committees direct access to their section of the websites. With multiple log-ins and high content needs, we went with the Drupal content management system, which has become the CMS of choice for many non-profits.

The design is built from scratch with obvious nods to the Facebook look-and-feel: we wanted something that would seem both familiar and fresh to the young professional crowd that is this meeting's most obvious target audience.

Visit: Haverfordfriendsmeeting.org

I usually describe myself as a "Web Developer," but often the technical aspects of my job are the least valuable service I provide. Above it I would rank what you might call my experience as a web citizen and online publicist. I put my first website together years before upstart sites like "Google" and "Myspace" came along and I published what I later realized was a "blog" the same month the word "weblog" was coined. I help clients connect with their audiences with a mix of print content, podcasts, pictures and videos, whether delivered through the open web or specialized services like Twitter or Facebook. A better job description might be Technology Lifestyle Guru.

So it was neat to be quoted last week in ReadWriteWeb, a top-twenty blog with hundreds of thousands of readers and a syndication deal with the New York Times Technology section. The article was "Technology is Great, but Are We Forgetting to Live?" by Sarah Perez. In a section called "When Should You Disconnect?" she wrote:

The fine line between what's worth documenting and what's not is a hard one to define. We immediately assume that the most important, the biggest, the most incredible moments are those that should be recorded. But it's these very moments that are best to experience live, with our full focus. As religious-focused blogger Martin Kelley notes, "there are times where our presence is much more important than any documentation." (He had just surprised himself by reviewing the grainy, blurry photos he felt it necessary to take while watching a bride walk down the aisle. In retrospect, this was exactly the kind of moment that could have gone unrecorded.)

It's a bit ironic that for all of the tech writing I do I was cited for my personal blog, but this blurring of the line between identities is becoming more common with the web. Thanks to Sarah and ReadWriteWeb for the mention!

The mission of the Salem County Special Services School District, a regional educational service agency, is to provide high quality, cost-effective programs and services to the schools and districts of Salem County and Cumberland County, New Jersey. This site built with what are for me fairly generic tools: Movable Type as CMS, with Flickr intergration. The design style sheet was built from scratch using CSS.

Visit: Scsssd.org

John Kindley is a lawyer in a solo practice in South Bend, Indiana. He came to me wanting a web design make-over for his self-designed WordPress site, along with some SEO advice and help with a form. John's a bit of a tinkerer so he's already moved on to a new design!

Visit: Kindley Law in South Bend Indiana

Client Testimonial:

"Martin provided great value in designing a website for my law practice. He was accessible and facilitated the process, despite our geographical distance, through email and telephone consultations. He was flexible in working with me to achieve what I was looking for within my budget." May 1, 2009

John Kindley, Lawyer.
Hired Martin as a Graphic/Web Designer in 2008
Top qualities: Personable, Good Value, High Integrity

New York City Journalist Susan DeMark looks for the stories behind the architecture, buildings, history, and nature of NYC and beyond. She and a graphic designer put together the look of the site and I performed the CSS magic to translate their vision into a WordPress blog.

Visit: MindfulWalker.com

These 'public conversations with today's boldest voices' are the brainchild of San Francisco, California-based activist journalist Anne-christine d'Adesky. She's traveling the world interviewing policy makers and on-the-ground organizers on issues of global health and AIDS. The site uses Google Video and Movable Type to create an online video magazine.

Visit: Talktothefuture.org and Acdadesky.org