Clean Web Design

Client projects and tech blog posts about Clean

Tract Association of FriendsThe Tract Association is venerable Quaker publisher dating back to the early part of the Nineteenth Century. They had a website but wanted a new one built with a content management system that would allow for easier editing. The new site is built in WordPress. Befitting the organization's ethos, the site is relatively plain but there's a lot going on underneath the surface.

Many people use the site to print out copies of the tracts. There's a special print stylesheet--created by the template designer and customized by me--that means print-outs of these pages will be very clean and uncluttered, perfect for personal photocopying. Many of the tracts are also available as PDFs through Scribd and there's a interface in the WordPress dashboard to allow embedding of these in the sidebar.

Categories: Client Sites , Faith-Based , WordPress | 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

I like websites that are clean and easy to use. I don't like designs that are so artsy and look-at-me cool that no one can figure out how to get around. A good design reflects the personality of the business or author and builds on their brand image.

It's easy to put up a website where I put up all the content and nothing ever changes. But what excites me is when I can teach clients how to easily update and expand their site on their own. Do you know how easy it is to be able to email photos up to a website? Or to go to your website, hit "edit me" and add items to a calendar?


Many of my sites have an "Edit Me" button for super-easy editing.
Most of my clients aren't programmers and don't want to be. They have businesses to run, or articles to write, or conferences to organize. It's my job to install the software and do the background magic to make a website easy to use and update. If you can use email then you can update one of my websites. It's really that easy.

I can take your website from a dream to a finished reality in just a few weeks. I can help you register a domain, I can host it and I can load it with the design and features you want. The first consultation is free: if you're in South Jersey or the Philadelphia area we can meet in person, otherwise we can talk by phone. I pull together our conversation into a proposal with cost estimates and a list of options that you can choose. 

More

The Design Blog has lots of posts about my design philosophy and guesses as to where the social media are headed.

Categories: Web Design
Tags: Clean, Flickr, Movable Type, Philosophy, Web Design, Wordpress | Edit
Every website should try to serve a clear set of purposes. Even a personal blog has a target audience, one's friends or family perhaps. While a good site looks simple, it is often very complicated "under the hood."

Google went from being a grad school project to the world's most important search engine by ditching the design clutter of its competitors for a very clean homepage with maximum white space. This effect focused one's attention on the search function. More PhD's are said to work at Google than at any other company in the world, yet the complicated engineering and the tremendous computer infrastructure that brings that logo and search box to your computer is invisible to the average user.

Even websites without PhD designers need to marry a simple outward appearance with a more complicated set of calculations around intended audiences. The average visitor looks at one or two pages on a site and then hits the back button. Often they'll be following a search link and looking at a page buried deep in your site. They'll be there seeking out specific information and you only have about twenty seconds to pitch your site and keep them there. You need to give them a very concise description of yourself or product and you need to entice them with related material.

Any site that consists of more than three pages presents visitors with more information than they can handle. Good design works to funnel visitors to the specific content they are looking for. It's relatively easy to get a first-time visitor but successful websites keep them on your site and give them reasons to return. The key to this is defining your audience and presenting your material with them in mind.

Once you've identified your constituency and built your design, the next step is release. You don't want to pander to a potential audience, but instead converse with them. It's fine to mix different elements of your life together and to write creatively off-topic once in awhile. There are a thousand generic websites crammed full of useless bu zzphrases and unused featured. What you want is one that will have a voice, that builds a niche that no one else might ever have identified. When it comes time to produce content, forget all the slick marketing calculations you've done and let your quirkiness shine.

Categories: Web Design
Tags: Design, Google, Grad School, Personal Blog, Phd, Search Box, Search Engine, Search Function | Edit
An early description of my using the Movable Type blogging platform as a content management system (CMS) for an entire website. I've used these techniques to build websites which clients can easily manipulate and update.

Inspired by Doing Your Whole Site with MT on Brad Choate's site, I started experimenting today with putting the whole Nonviolence.org site into Movable Type. At first I thought it was just a trial experiment but I'm hooked. I especially love how much cleaner the entry for the links page now looks and I might actually be inspired to keep it up to date more now. (I've also integrated Choate's MT-Textile which makes a big difference in keeping entries clean of HMTL garbage, and the semi-related SmartyPants which makes the site more typographically elegant with easy M-dashes and curly quotes).

So here's what I'm doing: there are three Movable Type blogs interacting with one another (not including this personal blog):

  • One is the more-or-less standard one that is powering the main homepage blog of Nonviolence.org.
  • The second I call "NV:Static" which holds my static pages, much as Brad outlines. I put my desired URL path into the Title field (i.e., "info/index") and then put the page's real title into the Keywords field (i.e., "About Nonviolence.org") and have that give the data for the title field and the first headline of the page. It might seem backwards to use Title for URL and then use Keywords for Title, but this means that when I'm in MT looking to edit a particular file, it will be the URL paths that are listed.
  • The third blog is my "NV:Design Elements." This contains the block of graphics on the top and left of every page. I know I'll have to redesign this all soon and I can do it from wherever. This blog outputs to HTML. All the other pages on the site are PHP and its a simple include to pull the top and left bars into each PHP page.

Oh yes, I'm also thinking of incorporating guest blogs in the near future and all of these elements should make that much easier.

Here's another site to check out, about how someone integrated Movable Type into their church website using some interesting techniques.

Categories: MartinKelley.com , Movable Type
Tags: Blogging, Content Management System, Love, Movable Type, Nonviolence, Quotes | 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