Office Web Design

Client projects and tech blog posts about Office

FWCC Google Maps MashupThe 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
Categories: Client Sites , Faith-Based , Nonprofit
Tags: Friends World Committee For Consultation, Fwcc, Google, Google Maps, Javascript, Quaker | Edit
Office Managers Guide to Best Cleaning ServiceA 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
Categories: Client Sites , Custom Design , Local , Small Business
Tags: Book, Budget, Cleaning, Commericial, Cushycms, E-Junkie, Office, Paypal, Pdf, Small Business, South Jersey, Tabernacle | Edit
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?
Categories: Drupal , Practical 2.0 , Web Design
Tags: Css, Dreamweaver, Drupal, Flickr, Javascript, Movable Type, Penn Charter, Philadelphia, Php, School, Web 2.0, Web Developer, Youtube | Edit

Via 37Signal's Signals vs. Noise blog I came across a fascinating post written by Brian Fling of Blue last year on pricing a project. I'd like to talk about it and to explain my own philosophy. First a extended quote from Brian:

I find it funny... in a sad sort of way, that we often start out our partnership with bluffing, no one saying what they are really thinking... how much they are willing to pay and how much it should cost... Though every book I've read on the topic of pricing says to never ever ballpark, I have a tendency to do so. If they can't disclose the budget I typically try to start throwing a few numbers from previous projects to help gauge the scope of what we are talking about, call it a good faith effort to start the discussion... While this is very awkward part of the discussion it is almost always followed by candor. It's as if once someone starts telling the truth, it opens a door that can't be closed.

I completely agree that candor is the only way to work with clients. Maybe it's the Quaker influence: we reportedly pioneered fixed pricing back when everyone haggled, with the philosophy that charging true costs were the only honest way of doing business. My official rates and contact page includes my list of "typical costs" -- essentially these are the "ballpark estimates" that Brian talks about.

When I put together estimates I base it on my best-guess informed estimates. I start by tabulating the client's requested features and determining how I'll achieve them. I then estimate how long it will take me to implement each feature and use that to determine a first-guess for project cost. I then compare it to past projects, to make sure I'm being realistic. I know myself well enough to know I always want to underestimate costs--I usually like the project and want to make it affordable to clients!--so I do force myself a reality check that usually ends up adding a few hours to the estimate.

When I put together my official estimate I try to guess where potential bottlenecks might happen. Sometimes these are technical issues and something they're more social. For example, a client might be very particular about the design and the back-and-forth can take longer than expected. If I think anything like this might happen I mention it in the estimate. Sometimes as we work through the details of a feature I'll learn that the client wants some enhancement that we hadn't talked about previously and which I didn't factor into the estimate.

When I do see a particular part of the work taking longer than expected I flag it with the client. I try to keep them informed that this will add to total costs. In many cases, clients have been happy to go with the extra work: I simply want to make sure that we both are aware that the estimate is changing before the work happens.

I charge by the hour rather than on a per-project basis since I find it to be a much more open business model. Brian Fling's post agrees:

The problem [with per-project billing is that] one way or another somebody loses, either the client pays too much, meaning paying more than it's market value, or the vendor eats into their profit... One benefits to hourly billing is the client is responsible for increases of scope, protecting the vendor and the customer. If the project is completed early the client pays less, protecting the client. This puts the onus on both parties to communicate regularly and work more effectively.

I have very little overhead: a home office, laptop and DSL. This means my rates are very competitive (one client described it as "less than plumbers and electricians charge, more than the kid who mows the lawn"). Being very careful with estimates mean that I often communicate a lot with clients before I "start the clock." I've often worked with them a few hours before the estimate is in and we're moving forward and of course some of this un-billed work doesn't result in a job.

Putting together fabulous websites is fun work. It's very much a back-and-forth process with clients, and it's often impossible to know just what the site will look like and just how it will work until the site actually launches. Half of my clientele have never had websites before, making the work even more interesting! It's my professional responsibility to make sure I work with clients to foresee costs, dream big, but most of all to be open and honest about costs as the process unfolds.

Categories: MartinKelley.com , Practical 2.0
Tags: Blog, Budget, Good Faith, Partnership, Philosophy | Edit
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.

I've always thought such tricks were pathetic and bound to lose over the long term. Search engines want to feature good sites. It's in their best interest to make sure the sites listed are the ones people want to see. A search engine that returns unsatisfactory results quickly becomes a has-been in the search engine competition. So as soon as a site such as Google notices some new SEO trick is skewing the rankings they tweak their secret search algorithm to fix the SEO loophole.

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.

Categories: Beyond SEO
Tags: Google Yahoo, Loophole, Search Algorithm, Search Engine Optimization, Search Engine Results, Search Engines, Seo, Yahoo | Edit

Search

As Seen In

EBook

Shortcut cover
Web 2.0 Mash-Ups & Niche Aggregators (O'Reilly Media, 2008, $9.95): Order here.

Social Networks

Other Sites

Archives