Category Archives ⇒ Design

This includes free­lance client work as Mar​tinKel​ley​.com.

Philadelphia Metropolis

January 13, 2010
· Martin Kelley

Metropolis - Philadelphia News and Journalism

Metrop­o­lis is a “news, analy­sis and com­men­tary” site from vet­er­an Philadel­phia reporter Tom Fer­rick (Wikipedia). An alum of The Philadel­phia Inquir­er, Tom’s spent the last half-dozen years talk­ing to every­one who will lis­ten about the future of print and Philly news. He’s done talk­ing and is show­ing what can be done on a bud­get bud­get. From “This is Metrop­o­lis,” the lead article:

Local news­pa­pers, TV and radio sta­tions are retreat­ing from in-depth cov­er­age of region­al news either due to eco­nom­ic or audi­ence considerations.

The retreat has been grad­ual, but no one expects it to stop. The com­pa­ny that owns the region’s largest news­pa­pers — the Inquir­er and Dai­ly News — is in bank­rupt­cy. The size of the edi­to­r­i­al staffs at the papers con­tin­ues to shrink. The prog­no­sis for metro dailies here and else­where is not good. The jour­nal­ism prac­ticed by these papers is still robust, but the eco­nom­ic mod­el that has sus­tained it is erod­ing. If these tra­di­tion­al sources of news fal­ter or fail what will take their place?

The site was built in Mov­able Type. The most promi­nent fea­ture is the slideshow dis­play of fea­tured arti­cles. Tom has seen a sim­i­lar effect on anoth­er jour­nal­ism site and a search found the “Slid­ing Hor­i­zon­tal Ban­ner Rota­tor” at Active Den, a great site to pur­chase pre-built Flash files. Mov­able Type entries are out­fit­ted with cus­tom fields to enter images and links. Mov­able Type then cre­ates a cus­tom XML file for the “Main Sto­ries” feed, which is then picked up and dis­played by the Flash ban­ner. In addi­tion, the site uses Google Adsense to pro­vide income.

Vis­it: Philadel­phia Metropolis

Con­tin­ue read­ing →

Mike’s Precision Carpentry

December 3, 2009
· Martin Kelley

Mike's Precision CarpentryMichael Oliv­eras is a long-time union car­pen­ter mak­ing the entre­pre­neur­ial jump and start­ing his own busi­ness: Mike’s Pre­ci­sion Car­pen­try, serv­ing the New Jer­sey, Penn­syl­va­nia and Delaware from his shop in Ham­mon­ton, NJ. He came to me look­ing for a web­page to adver­tise his new enterprise.
It’s a sim­ple design, a typ­i­cal small-business site of half-a-dozen pages. The col­or scheme match­es his busi­ness cards for a bit of brand­ing. Oliv­eras faced a prob­lem typ­i­cal for new busi­ness­es: a lack of good pho­tos. The work he’s done for many years is not tech­ni­cal­ly his own (per the employ­ment con­tracts) so for now the pic­tures 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 port­fo­lio before long and we’ll be able to fill out the site with his own work. In the mean­times, he added a cou­ple of great pic­tures of him and his fam­i­ly on the “About Us” page to give it that per­son­al touch.
See it live: www​.mike​s​pre​ci​sion​car​pen​try​.com

Slim Goodbody Facebook Fan Page

November 8, 2009
· Martin Kelley

Facebook Branding: Slim GoodbodyPop­u­lar chil­dren’s entertainer/educator Slim Good­body is one busy guy: most week­days of the school year find him spread­ing the mes­sage of good health in his trade­mark body suit (“When a Body needs some­body there’s nobody like Good­body!”).

He’s been doing this work for decades now and has a vast store­house of videos, prod­ucts and fans.
Slim came to me to build a brand­ed Face­book presence. 

A typ­i­cal work­load for a Face­book brand­ing project is:

  • Set up the Page;
  • Coor­di­nate with the client for a good pro­file graphic;
  • Adding a num­ber of pho­tos and videos;
  • Help set up a post­ing strategy;
  • Pro­vide phone sup­port to answer ques­tions on best practices;
  • Give feed­back on cam­paign (like Face­book’s “Insights” stats)

For Slim, we decid­ed to rely on Face­book’s native apps as much as pos­si­ble. This became espe­cial­ly impor­tant when Face­book shift­ed it’s feed lay­out (yet again) to focus less on user streams and more on an algorithmically-determined best posts. The more inte­grat­ed your site is with Face­book, the bet­ter chance your pieces will have of show­ing up on Fan’s user streams.

We used Face­book Markup Lan­guage (FBML) to cre­ate cus­tom Page tabs for inte­gra­tion with his exist­ing online store and list­ing of tour dates. We would have liked to use FB’s Events appli­ca­tion but it does­n’t allow for the vol­ume of tour dates nec­es­sary to cov­er a busy enter­tain­er like Slim Goodbody!

See it live: www​.face​book​.com/​s​l​i​m​g​o​o​d​b​ody

FWCC Google Maps Mashup

September 12, 2009
· Martin Kelley

FWCC Google Maps MashupThe Friends World Com­mit­tee for Con­sul­ta­tion unites Quak­ers of all stripes togeth­er in joint projects and dia­log. It’s Amer­i­c­as office has the most com­plete list­ing of U.S. and Cana­di­an Friends Meet­ings and Church­es and now has a map to prove it!
This is a mash-up of the FWCC data­base with Google Maps.

Because of lim­i­ta­tions of how many data points Google can show the coun­tries have been divid­ed into regions. The main access page is a screen shot of a Google Map with a old fash­ioned imagemap over­lay that allows you to select the region you want to look at. Javascript good­ness shad­ows the cur­rent­ly select­ed region.

See it live: www​.fwc​camer​i​c​as​.org/​f​r​i​e​nds

Five Tips for Building a Self-Marketing Website

September 7, 2009
· Martin Kelley

A poten­tial client recent­ly came to me with an exist­ing site. It cer­tain­ly was slick: the home­page fea­tured a Flash ani­ma­tion of telegenic young pro­fes­sion­als culled from a stock pho­to ser­vice, psuedo-jazz tech­no music, and words sweep­ing in from all sides sell­ing you the com­pa­ny’s ser­vice. Unfor­tu­nate­ly the page had no use­ful con­tent, no call-to-action and no Google PageR­ank. It was an expen­sive design, but I did­n’t need to look at the track­ing stats to know no one came this page.

So you’re ready to ditch a non-performing site for one more dynam­ic, some­thing that will attract cus­tomers and inter­act with them. Here’s five tips for build­ing a self-marketing website!

One: Use­ful Con­tent for your Tar­get Audience
Give vis­i­tors a rea­son to come to the site. Text-rich, chang­ing con­tent is essen­tial. In prac­ti­cal­i­ty, this means installing a blog and writ­ing posts every few weeks. You’ll see mea­sures like “key­word rel­e­van­cy” increase instant­ly as excerpt­ed text shows up on the home­page. Add videos and pho­tos if your com­pa­ny or team has that exper­tise, but remem­ber: when it comes to search, text is king.

Two: Give away some­thing valu­able or useful
Many smart mar­ket­ing sites fea­ture some free give­away right on the home­page: a use­ful quiz, pro­fes­sion­al analy­sis, a PDF how-to guide­book. A builder I worked with went to the trou­ble of post­ing dozens of floor plans & pic­tures to their web­site and com­pil­ing them into a PDF book, which they gave away for free. The catch in all this? You have to give your con­tact infor­ma­tion to get it. Once the free mate­r­i­al has been com­piled, the site runs itself as a sales lead generator!

Three: Ask your­self the Three User Questions!
It’s amaz­ing how focused the mind gets when you actu­al­ly sit down to define goals. Just about every web­site can ben­e­fit from this three-step exercise:

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

Get a group togeth­er to through your web­site page by page these ques­tions. Brain­storm a list of changes you could make. You’ll want to end up with Defined Goals: what quan­tifi­able actions do you want vis­i­tors to take? It might well just be the suc­cess­ful com­ple­tion of a con­tact form.

Four: Test Test and Test Again
Many small busi­ness­es now get a lot of their cus­tomers from their web­sites. Your web­site is an essen­tial piece of your mar­ket­ing and pub­lic­i­ty and you need to be smart about it. Com­pile togeth­er your favorite site-improvement ideas and make up  alter­nate designs incor­po­rat­ing the changes. Then use a tool such as Google Web­site Opti­miz­er to put the alter­na­tives through their paces. Which one “con­verts” bet­ter, i.e., which design gets you high­er per­cent­ages in the Defined Goals you’ve set? Once you’ve fin­ished a test, move on to the next brain­storm­ing idea and imple­ment it. Always be testing!

An exten­sive series of tests of one site I worked on dou­bled it’s con­ver­sion rate: imag­ine your com­pa­ny dou­bling its inter­net sales? It is com­plete­ly worth spend­ing the time and effort to go through this process.

Five: Don’t Be Afraid to Get Pro­fes­sion­al Help
If you need to hire a pro­fes­sion­al to help you through this process you’ll almost cer­tain­ly get your mon­ey’s worth! A recent projects cost the cus­tomer $6000 but I was able to doc­u­ment sav­ings of $100,000 per year in his pub­lic­i­ty costs! See my piece “What to Look For in SEO Con­sul­tants” for my insider-advice to how to pick a hon­est and com­pe­tent pro­fes­sion­al web pub­lic­i­ty consultant.

Elisabeth Olver, Artist & Painter

September 4, 2009
· Martin Kelley

Elisabeth Olver ArtistElis­a­beth is a painter and artist who spe­cial­izes in orig­i­nal acrylic paint­ings and giclee prints of nature and South Jer­sey beach scenes. Her exist­ing site was attrac­tive, but it did­n’t have online order­ing and she was­n’t able to update it herself.

We put togeth­er a fea­tures list and then went through a round of con­cept screen­shots which I built in Adobe Fire­works and Pho­to­shop (you can see our work here!). Design in hand, I built a cus­tomized Mov­able Type site. A spe­cial­ized tem­plate allows her to enter infor­ma­tion about the each piece: medi­um, theme, price and the URL to it’s image (most of which are host­ed on Flickr). Mov­able Type pulls these togeth­er into var­i­ous cat­e­go­ry and indi­vid­ual art pages, with automatically-generated Pay­pal “Buy” but­tons for avail­able pieces. We stressed search-engine vis­i­bil­i­ty so there are many cat­e­gories and they all cross-link with each painting.

Vis­it: Elis­a­beth Olver

Cleaning Services Guide, E‑Book

August 22, 2009
· Martin Kelley

Office Managers Guide to Best Cleaning ServiceA local client from Taber­na­cle in Burling­ton Coun­ty came to me with an inter­est­ing project. He’s owned a com­mer­cial clean­ing com­pa­ny for a num­ber of years and has heard his share of hor­ror sto­ries about the clean­ing ser­vices clients hired before find­ing him! This expe­ri­ence led him to write a PDF e‑book about how to hire the right clean­ing ser­vice. What a great idea and a what a use­ful book this is for small busi­ness own­ers.

The site’s on a bit of a bud­get so it’s a sim­ple design, with col­ors and gen­er­al look-and-feel bor­rowed from a site the client likes. Sim­ple edit­ing comes via Cushy­CMS. When cus­tomers click to buy, they are sent to Pay­pal for the actu­al trans­ac­tion and then for­ward­ed to E‑Junkie, which pro­vides the auto­mat­ed and inte­grat­ed PDF down­load.

Vis­it the site: Office Man­ager’s Guide to Hir­ing the Best Clean­ing Service

Cornerstone Fellowship

July 28, 2009
· Martin Kelley

Cornerstone FellowshipCor­ner­stone is a rel­a­tive­ly new church plant in Smithville, Atlantic Coun­ty, New Jer­sey. They’re site is a sim­ple design built in Mov­able Type using off-the-shelf tem­plates to keep the bud­get down. The most excit­ing part of the site is the pod­cast ser­mons and the abil­i­ty to ask Bible ques­tions and make prayer requests from the home­page. I’m most hap­py to see the church using the site and updat­ing it regularly!

Pas­tor Fred Schwenger also has a new local con­nec­tion: he and a part­ner have just opened Supe­ri­or Auto­mo­tive here in Ham­mon­ton at 880 S White Horse Pike! 

Vis­it: Cor​ner​stone​Fel​low​shipOn​line​.com