Hp Web Design

Discover Thyself is a "discernment" site for Quaker teens. Sponsored by Earlham College, it features resources, videos and the all-new "Discer-o-Matic Quiz."

The design is all original. We went through six rounds of the concept design mockups made up on Adobe Fireworks. Because the site is built on WordPress used as a CMS, Earlham College staff was able to add and arrange content even before the design coding began. The site uses the excellent Thematic theme, a blank template that allows for quite sophisticated designs using Action Hooks and complete CSS markup.

The most exciting element of the site is the "Discern-o-Matic" quiz, which takes users through a series of questions. At the end the questions are reorganized and presented to the user to help them understand what it is they want to do. The quiz is powered using the open-source LimeSurvey. Results are outputted via a custom PHP script that polls the LimeSurvey database and outputs in a nicely-worded and formatted WordPress results page. The templates for Lime Survey were altered to mimick the look of the rest of the site; the average user won't notice the pass-off from WordPress to Lime Survey and back to WordPress.

In hopes the quiz might go viral, individual results are saved on a unique URL. Users are invited to share their results page via Facebook.

Visit Site: http://www.discoverthyself.org

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

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:

I follow the tech world closely. I'm not particularly interested in the who-bought-who world of venture capitalists. Instead, I'm interested in the lived world where people are adopting new ways of communicating online and the practical implications that has for small businesses and niche marketers.

items, 0, $maxitems); foreach ($yummyitems as $yummyitem) { print '

'; print ''; print $yummyitem['title']; print '

'; print "\n"; if (isset($yummyitem['description'])) { print '

'; print $yummyitem['description']; print "\n"; print '

'; } print "\n"; } ?>

Collected from LinkedIn:

Tom Ferrick, Journalist/Publisher, Phlmetropolis.com

Hired Martin as a Graphic/Web Designer in 2009

Top Qualities: Great Results, Personable, Good Value.

---

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!

Web 2.0 tools have changed the boundary lines between techies and program staff in many nonprofits over the past few years. At least, they should have, though I know of various organizations that haven't made the conceptual leap to the new roles.

OLD SCHOOL: Webmaster

Let me explain by talking about my own changing work role. Even a few years ago, I was a paid staff webmaster. You could divide my work into two large categories. The first was techie: I managed server accounts, set up required databases, designed sites. I got into the HTML code, the PHP, the Javascript, CSS, etc.

The other was content: when program-oriented staff had new material they wanted on the website they would email it to me or walk it over. I would put in my work queue, where it might sit for weeks if it wasn't an organizational priority. When it came time to add the material I would boot up Dreamweaver, a relatively expensive program that was only accessible from my laptop and I would put the material onto the website. Needless to say, with a process like this some parts of the website never got very much attention.

At some point I start sneaking in a content management system for frequently-changed pages. This seemed very hackish and not good at first but over time I realized it greatly speeded up my turn-around time for basic text content. But the organizations I worked for still relied on the old model, where staff give the webmaster content to put up.

NEW SCHOOL: Web Developer

Nowadays I'm a web developer, a freelancer with an ever changing list of clients. I typically spend about a month putting together a site based on a content management (like this) or automatic feed system (like I did for Philadelphia's William Penn Charter School). I do a certain amount of training and while I might add a little content for testing purposes, I step back at the end of the process to let the client put the material up themselves. I'm available for questions but I'm surprised about how rarely I'm called.

Here's two examples. Steadyfootsteps is a blog by an American physical therapist in Vietnam. When we started, she didn't even have a digital camera! I gave her advice on cameras, started her on a Flickr account, set up a fairly generic Movable Type blog with some custom design elements and answered all the questions she had along the way. She went to town. She's put tons of pictures and embedded Youtube videos right in posts. Here's a non-techie who has contributed a lot to the web's content!

Penn Charter is a school that was already on Flickr and Youtube but wanted to display the content on their website in an attractive way. I pulled together all the magic of feeds and javascripts to have a media page that showcases the newest material.

They're very different sites, but in neither instance does the client contact me to add content. They rely on easy-to-use Web 2.0 services: no specialized HTML knowledge required.

NEW TOOLS, OLD MODEL

I got an email not so long ago from an old boss who manages a monthly magazine. Her site has been radically rebuilt over the years. Dreamweaver is out and content management is in. They use Drupal, which my friend Thomas T. of the Philadelphia Cultural Alliance tells me won the recent popularity contest among nonprofit techies. This is great, a definite step forward, but what confused me is that my old boss was asking me whether I would be interested in returning to my old job (the successor who oversaw the Drupal upgrade is leaving).

They still have a webmaster? They still want to funnel website material through a single person? Every staffperson there is adept at computers. If a physical therapist can figure out Flickr and Movable Type and Youtube, why can't professional print designers and editors?

My hourly rate ranges from two to five times what she'd be likely to pay, so I turned her down. But I did ask why she wanted a webmaster. Now that they're on Drupal it seems to me that they'd be better off switching from the webmaster to the web developer staffing model: hire me as a freelance consultant to do troubleshooting, staff training and the occassional special project but have the regular fulltime staff do the bulk of the content management. I'd think you'd end up with a site that's more lively and updated and that the cost would about the same, despite my higher hourly rates.

I've heard enough stories of places where secretaries have come out of the shadows to embrace content management and have helped transform websites. I'm the son of a former secretary so I know that they're often the smartest employees at any firm (if you walk into an office looking for the expert on advanced Excel features you'll surely find them sitting right there behind the receptionist desk).


FINALLY: WHAT'S UP WITH DRUPAL?

I'm trying to join the bandwagon and use Drupal for a upcoming site that will have about a dozen editors. But there's no built-in WYSIWYG editor, no little formatting icons. Sure, I myself could easily hand-code the HTML and make it look nice. But I don't want to do that. And it's unrealistic to think I'm going to teach a dozen overworked secretaries how to write in HTML. The interface needs to work more or less like Microsoft Word (as it does in Movable Type, CushyCMS, Google Docs, etc.)

Most Drupal sites I see seems from the outside like they're still old school: staff webmaster through whom most content funnels. Is this right? Because if so, this is really just an institutionalization of the content hack I did six years ago. Can anyone point me to lively, active Drupal sites whose content is being directly added by non-techie office staff? If so, how is it set up?

Last weekend I found myself with the scenario no solo web designer wants to be faced with: a dead laptop. It was eighteen months old and while it was from Hewlett Packard, a reputable company, it's always had problems over overheating. Like a lot of modern laptop makers, HP tried to pack as much processor power as they could into a sleek design that would turn eyes on the store shelf. They actually do offer some free repairs for a list of half a dozen maladies caused by overheating but not for my particular symptoms. When I have a free afternoon, a big pot of coffee and lots of music queued up I'll give them a call and see if I can talk them into fixing it.

Once upon a time having a suddenly dead computer in the middle of a bunch of big projects would have been disaster. But over the last few years I've been putting more and more of my data "in the cloud," that is: with software services that store it for me.

Email in the Cloud

I used to be a die-hard Thunderbird fan. This is Firefox's cousin, a great email client. I would take such great care transfering years of emails every time I switched machines and I spent hours building huge nested list of folders to organize archived messages. About a year ago Thunderbird ate about three months of recent messages, some quite crucial. At that time I started using Google's Gmail as backup. I set Gmail to pick up mail on my POP server and leave it there without deleting it. I set Thunderbird to leave it there for week. The result was that both messages would be picked up by both services.

After becoming familiar with Gmail I started using it more and more. I love that it doesn't have folders: you simple put all emails into a single "Archive" and let Google's search function find them when you need them.You can set up filters, which act as saved searches, and I have these set up for active clients.

Why I'm happy now: I can log into Gmail from any machine anywhere. No recent emails are lost on my old machine.

Project Management in the Cloud

I use the fabulous Remember the Milk (RTM) to keep track of projects and critical to-do items. Like Gmail I can access it from any computer. While messing around setting up backup computers has set me back about ten days, I still know what I need to do and when I need to do it. I can review it and give clients renewed timelines.

An additional advantage to using Remember the Milk and Gmail together is the ability to link to emails. Every email in Gmail gets its own URL and every saved "filter" search gets its own URL. If there's an email I want to act on in two weeks, I set up a Remember the Mail task. Each task has a optional field for URLs so I put the the email's Gmail URL in there and archive the email so I don't have to think about it (part of the Getting Things Done strategy). Two weeks later RTM tells me it's time to act on that email and I follow the link directly there, do whatever action I need to do and mark it complete in RTM.

Project Notes in the Cloud

I long ago started keeping notes for individual projects in the most excellent Backpack service. You can store notes, emails, pictures and just about anything in Backpack and have it available from any computer. You can easily share notes with others, a feature I frequently use to create client cheatsheets for using the sites I've built. Now that I use Gmail and it's URL feature, I put a link to the client's Gmail history right on top of each page. Very cool!

Another life saver is that I splurge for the upgraded account that gives me secure server access and I keep my password lists in Backpack. There's a slight security risk but it's probably smaller than keeping it on a laptop that could be swiped out of my bag. And right now I can log into all of my services from a new machine.

Keeping the Money Flowing from Clouds

The latest Web 2.0 love of my life is Freshbooks, a service that keeps track of your clients, your hours and puts together great invoices you can mail to them. I'm so much more professional because of them (no more hand written invoices in Word!) and when it's billing time I can quickly see how many unbilled hours I've worked on each project and bang!-bang!-band! send the invoices right out. Because the data is online, I was able to bill a client despite the dead computer, providing my exact hours, a detailed list of what I had done, etc.

Others

Calendar: I always go back and forth between loving Google Calendar and the calendar built into Backpack. Because I can never make up my mind I've used ICal feeds to cross-link them so they're both synced to one another. I can now use whichever is most convenient (or whichever I'm more in the mood to use!) to add and review entries.

Photos: Most of the photos I've taken over the past four years are still sitting on my dead laptop waiting for me to find a way to get them off of the harddrive. As tragic as it would be to loose them, 903 of my favorite photos are stored on my Flickr account. And because I emailed most of them to Flickr via Gmail most of those are also stored on Gmail. I will do everything I can to get those lost photos but the worst case scenario is that I will be stuck with "only" those 900.

Your Examples?

I'd love to hear how others are using "the cloud" as real-time backup.

Martin Kelley's work has been featured by top newspapers and tech blogs. He has given workshops and presentations on educational and Web 2.0 themes. He is available for speaking engagements and freelance writing.

Publications/Media

ReadWriteWeb (republished on NYTimes.com), Technology is Great but Are We Forgetting to Live?, January 22, 2009. Quote and citation. Read more.

Web 2.0 Mashups and Niche Aggregators, published by the O'Reilly Media Shortcuts Series. Commissioned author.

Quakers in the Blogosphere (PDF), Western Friend/Friends Bulletin, February-March 2006, editorial features Quakerquaker.org.

FGConnections, The Witness of Our Lost Twenty-Somethings, Spring 2005. Author.

Friends Journal, "The World Is Hungry for What We've Tasted," October 2006. Author.

Beliefnet.com, "Best Spiritual Blogs," August 2006. Cited QuakerQuaker.org.

Waging War on War, Washington Post, profile of a number of peace groups including Nonviolence.org.

Not Your Father's Antiwar Movement (subscription required), Atlantic Monthly, cited Nonviolence.org.

USAToday, Missiles Aren't the Answer, featured Op-Ed, November 16th, 1998. Author.

Iraqi Crisis Increases Activity on Peace Network, a major New York Times profile of Nonviolence.org, February 21, 1998.

Fellowships

Friends Institute Fellowship, Philadelphia Yearly Meeting, for work on Nonviolence.org (1996).

Pickett Endowment for Quaker Leadership, helped support 2005-2006 activities that led to the creation of QuakerQuaker.org.

Martin Kelley is a web designer in the Philadelphia area. Here's the story of his evolution from activist book editor to social media marketer to a magazine editor!

Martin has given workshops and panel presentations on tech issues and on renewal movements in the Religious Society of Friends.

Biographies

TECH:
Martin Kelley is a Philadelphia area web designer who has been building online communities since 1995. An early adopter of user-created media, he was blogging in 1997 and picks up every social media service. In 2008 O'Reilly Media published "Web 2.0 Mashups and Niche Aggregators," his first published tech publication. A professional web developer and consultant, he builds sites and writes about tech issues on MartinKelley.com.

QUAKER:
Martin Kelley is a Philadelphia-area Friend with a love out of outreach and ministry and a passion for looking afresh at Friends' testimonies, language and practices. He is editor of Friends Journal, a monthly Quaker magazine, and publisher of the online community site, QuakerQuaker.org. An early adopter of user-created media, Martin has been building online communities since 1995; in 2008 O'Reilly Media published "Web 2.0 Mashups and Niche Aggregators." He writes about tech issues on MartinKelley.com and spirituality at QuakerRanter.org.

Upcoming Speaking Engagements:

Past Workshops and Presentations

2011:

Speaker, Abington Friends Meeting, "Lessons on Vocal Ministry from Early Friends," talk given at First-day school adult class. Jenkintown, Pa., November 6, 2011.

Class guest, Earlham School of Religion. "Writing for Today's Media Market" taught by J Brent Bill. May 24, 2011. Richmond, Ind. via video.

Panelist, Pacific Northwest Quarterly Meeting, "Simplicity, Integrity, Clarity: What is Plain Speech Today?" Washington State via video. April 16, 2011.

2010:

Speaker, Philadelphia Yearly Meeting, "Finding Fellowship Between Friends Through the Internet," part of the "Friends 2.0: New Tools for Our Faith" speaker series. Arch Street Meetinghouse following Interim Meeting sessions, Philadelphia, Pa. September 11, 2010.

Panel Speaker, Writer's Conference sponsored by Quakers Uniting in Publications. Richmond, Ind., via video. April 2010.

Associate Teacher, Pendle Hill, for a weekend workshop "Convergent Friends and the New Monastics." Pendle Hill Conference Center. Wallingford, Pa. May 2010.

2009:

Speaker, "An Introduction to Convergent Friends." Salem Quarter Meeting. Greenwich, N.J. September 13, 2009.

Facilitator, "Friends Testimonies, What Canst Thou Say?" Two-part session. Young Friends Summer Gathering (Philadelphia Yearly Meeting). Camp Onas, Ottsville, Pa. August 25, 2009.

Co-leader, "Reclaiming the Power of Primitive Quakerism." Weekend workshop. Ben Lomond Friends Center. Ben Lomond, Calif. February 2009.

Presenter, "Friends Schools and Web 2.0" (video). Panel discussion for Friends Council on Education. At Germantown Friends School, Philadelphia, Pa.. January 2009.

2007:

Presenter, Religion and Technology Teachers Peer Network (Friends Council on Education). Center City Philadelphia, Pa., December 2007. Also available as Google Slideshow Presentation

Co-presenter, with C Wess Daniels, for a panel on the Convergent Friends movement. Ohio Yearly Meeting annual sessions. Barnesville, Ohio, August 2007.

2006:

Teacher, "Quakerism 101". four-session course for Moorestown Friends Meeting. Moorestown, N.J. October -November 8, 2006.

Co-faciliator, On Fire: Renewing Quakerism Through a Covergence of Friends. Interest group, FGC Gathering. Tacoma, Wash., July 3, 2006.

Invited Guest, Quakerism classes, William Penn Charter School. Philadelphia, Pa.. April 2006.

Leader, Food for Fire weekend workshop, New York Yearly Meeting's Powell House conference center. Old Chatham, N.Y. February 2006.

2005:

Co-leader, Strangers to the Covenant (five sessions), workshop for high-school Friends, FGC Gathering. Normal, Ill., July 2005.

2004:

Teacher, Quakerism 101 (six sessions), Medford Friends Meeting. Medford, N.J. September-November, 2004.

2003:

Teacher, "Living in the Light" Quakerism 101 course (one session), Central Philadelphia Friends Meeting. Philadelphia, Pa. March 2003.

See also: Publications and Media List

Contact

Email: martink@martinkelley.com
Phone: (609) 365-0123

Nick Watts is a piano instructor in the Oaklyn/Collingswood area of Camden County, South Jersey and wanted to advertise his services online. Be sure to check out the Entertainment page for music samples. I used Box.net to allow Nick to upload his own songs any times he wants!

Visit Site: Nick Watts Piano.

It's not necessary to develop your own Web 2.0 software infrastructure to create an independent Web 2.0-powered community online. It's far simpler to set a standard for your community to use on exisiting networks and then to use Yahoo Pipes to pull it together.

A few weeks ago, Yahoo unveiled a new mash-up service called Pipes. It's sophisticated AJAX-powered graphical interface lets you pull in XML feeds, combine them, filter them and output the result as a customized RSS feed. I've recently used it to create specialized events pages for my blog aggregator. In this series of posts I'll show you how it's done. Each post will be one part of the puzzle.

Whenever I talk with fellow web designers, the issue of "SEO" invariably comes up. That's techie slang for "search engine optimization," of course, that black science of making sure Google lists your site higher than your competitors. Over the years a small army of shady characters have tried to game the search engine results.

Just Give Google the Content It Loves

In theory it's easy to make Google, Yahoo, MSN and the other big search engines happy: give potential visitors site they'll want to visit. Forget the tricks and spend your time putting together an amazing site. Search engines like text, so write, write, write.

I'm looking to join a web design house, which means I've been interviewing with slick web developers lately and whenever they ask me the best way to increase SEO for their clients, I tell them to start a blog. They look at me like I'm an idiot but it's absolutely true: two blog posts a week will end up being over 100 pages of pure content. All of these sites full of Flash animation get you nowhere with Google.

Just a note that any kind of text-rich web system can achieve many of the same results--blogs are just the easiest way yet to get content on your site.

Presenting What You Already Have: Blog your Water Cooler Chat

When I talk to people about starting a corporate blog they quickly start telling me how much work it will be. Bah and Humbug--your company's life is probably already filled with bloggable material!

I used to work in a bookstore where I did most of the customer service, much of it by email. About two or three times a week I'd get a particularly intriguing query and would spend a little time researching an answer (mostly by looking through the indexes of our books and searching the arcane sites of our niche). This research didn't always pan out to a book sale, but it marked our bookstore as a place to get answers and gave us a competitive advantage over Amazon and its ilk. Each of my email answers could have easily been reformatted to become a blog post. By the end of a year, I'm sure the volume coming from these obscure searches would be quite high (see yesterday's Long Tail Strategy post on the HitTail blog for an account of how attention to search engine's one-hit-wonders helped achieve a widespread keyword dominance).

Whenever something new happens that breaks you out of your routine, think about whether it's bloggable. At the bookstore, a new book would come in and we'd spend ten minutes talking about it. That conversation reached half-a-dozen people at most. In that same ten minutes we could have written up a blog post saying much the same thing.

Last Spring a controversial article appeared in the local newspaper that tangentially involved my employer. That morning my workmates gathered together in the reception area for the better part of an hour trading opinions and wisecracks. After about five minutes of this, I slipped back to my office and wrote my opinions and wisecracks down into my blog. I hit post and came back to the reception area--to find my workmates still blathering on, natch. My post reached hundreds and took no more time out of the work day than the reception pontifications.

Humans are social animals. We're always blogging. It's just that most of the time we're doing it verbally around the water cooler with three other people. Learn to type it in and you've got yourself a high-volume blog that will add invaluable content and SEO magic to your site.

Mix up your content: Tag Your Site

Lastly, a point to webmasters: it usually pays to think about ways to re-package your content. My most recently experience of this was tagifying my personal blog over at "QuakerRanter.org." Every time I post there a Movable Type plugin fishes out the key words in the article and lists them afterwards as tags. These tags are all linked in such a way that results send the term through the site's search engine to give back an on-the-fly index page of all the posts where I've used that term.

Tags are like categories except they pick up everything we talk about (when we use them aggressively at least, and especially when we automate them). We don't necessarily know the categories that our potential audience might be searching for and tagifying our sites increases our keyword outreach exponentially. My personal blog has 239 entries but 3,860 pages according to Google. It's the parsed out and re-packaged content that accounts for all of this extra volume. This doesn't increase traffic by that nearly that much, but last month about 30% of my Google visits came from these tag indexes. More on the mechanics of this on my post about the tagging.

Every web designer under the sun talks about search engine optimization (SEO), but it amazes me to see how often basic principles are ignored. I'm in-between jobs right now, which means I'm spending a lot of time looking at potential employers' websites. I've decided to start a series of posts on SEO myths and realities that will talk about designing for maximum visibility.