Custom Design Design/Tech

About a half of MartinKelley.com clients want something more than an off-the-shelf template. Their sites need to be carefully branded or project a certain unique feel or sophistication. Custom CSS style sheets allow for a one-of-a-kind site! Designs are usually previewed in Adobe Fireworks before any coding takes place and Martin is happy to work with third-party designers the client has independently hired.

Metropolis - Philadelphia News and Journalism

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: Philadelphia Metropolis

Mike's Precision CarpentryMichael 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

Elisabeth Olver ArtistElisabeth 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
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
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
Mindful WalkerNew 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: Mindful Walker

Talk to the FutureThese '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
A site put together by two consultants to the natural food industry. All pages were editable by a Movable Type powered content management system. A notable feature was a e-commerce subscription function with private log-in pages. This consultancy business was closed in May 2008 and the site was taken down.
AmyOutlaw.orgThis is a fairly standard Movable Type blog for a Friend (Quaker) based in the West-Philly neighborhood of Philadelphia, PA. The most unusual element is that the client wanted two separate blogs: one meant for daily posts and the other for more weekly posts (it's all set up in MT via categories). This also shows the use of Slidoo for a photo banner head. The pictures are all pulled from a particular set of her Flickr account. Visit site.

A multimedia website displaying the very colorful aquarium out near Norristown Pennsylvania. The Flickr photos are cached and display with Lightbox (a Slimbox clone) when clicked. Movies are included both as optimized-for-download WMV files and on a independent Youtube account. View Site.

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