LanceArthur

I do web things. Like so...

visit →

Open Library

showcase_ol

Taking the designs, I coded the HTML and CSS to strict XHTML transitional standards, achieving 100% validation on the W3C's tests. The site must be fully accessible to allow print- and sight-disabled visitors to find the Internet Archive's collection of talking books, and the Subject pages use some HTML5 capabilities to display dynamic, interactive publishing history graphs using jQuery.

visit →

Simon-Kucher & Partners

showcase_skp

This international client required a multi-language site that could be easily edited by their offices around the world. I installed a Movable Type CSM on the back-end with easy-to-manage templates and full browser compatibility. I also designed the site to their specifications and created all MT templates.

visit →

Savvy Source

showcase_savvysource

Needing a rebranding to freshen up their look, Savvy Source wanted a brighter, happier color scheme and a new logo. We used jQuery and standard HTML to outfit the site with a full family of web tools: blogs, forums, shopping and articles.

visit →

Gay Cities

showcase_gaycities

GayCities wanted a refresh, but not a retooling of the site. Using existing templates and layouts, I altered the typography, color scheme and CSS, updated the logo and introduced some navigational concept to make it easier to tie its disparate tools (reviews, forums, travel guides and user profiles) together.

visit →

Jim Winters

showcase_jimwinters

The artist wanted a site that showcased his art, and not himself. Going for a clean look with very simple navigation that pre-loads images into distinct galleries, the site provides him a way to show off his art and update the pages himself using simple templates.

More specifically...

Structuring means making things work right

A web page's structure is dependent on HTML. You knew that already. But unless the structure is constructed carefully and according to standards, it could fall apart. Making sure that your site is correctly rendered in whatever browser and on whatever operating system your audience chooses means making this bullet-proof. Making a site bullet-proof means...well...making sure your site renders correctly in whatever browser blah blah blah.

Making a site bullet-proof is harder than it sounds, but easier than people make it out to be.

Start by using the HTML tags for their intended purposes. Paragraph tags for paragraphs, tables for tabular data, lists for lists, and so one.

Then use classes and IDs that describe the content, not its position on the page.

Use header tags in the order that they appear, not by the size you want them to have.

Then close all your open tags, use title and labels liberally, use tag elements to further clarify meaning and intent, and make sure everything works in every browser.

That's what I do!

There's more!

Typographing means making things legible

You and I both know there are only a limited number of fonts that are globally available to every visitor of your web site.

At least, that used to be the case.

Now there are new web font kits that allow you to choose from hundred of available fonts for specific uses all over your pages, and with a couple of script tags in your header and judicious use of font families, you can have pretty much any typeface you want.

Integrating new font-faces are easy! I can help you set it all up, or show you how to do it yourself. I can help you pick out some typefaces that work for your site, and then integrate them seamlessly into your style sheets so everyone can enjoy them.

It also means making your website faster! If you don't need to make 'graphic text' out of headers to make them fit your style guide, you can use plain text and typography so it'll always render.

There's more!

Coloring means making things pretty

Most of the time, you already know what you want. Your company probably has a team of designers and marketers who have (hopefully) fleshed out a color palette for your company and its materials and logo. If that's the case, then half the work is already done.

How do you bring that palette to your web presence? What colors work best, and where should they be applied? Are there any that are inappropriate for web use and legibility, and what are the alternatives in those cases?

Or maybe you don't already have your color palette. Maybe you need a whole new closet of clothes to give your web site (and your company) a fresh, clean, positive look.

Whatever the case, I can help you figure out whether pastel, jewel tones, earth tones or your tones work best to communicate your company's personality.

There's more!

Effecting means making things interesting

Do you need to use Flash to make fun stuff that does things and makes junk happen?

Nope. You do not.

jQuery is a Javascript library that manipulates the browser's document object model to hide, fade, slide, pop over, pop up, sort, filter and display different things all over your pages.

HTML5 lets you load audio and video without resorting to Flash or Silverlight, plus it can help your site load even if the visitor loses their internet connection, or edit portions of your page for their own benefit, or more easily code sections of your page to more easily describe it for people with limited (or no) sight.

“Can it really?” I hear you ask. Yes. Yes it can.

I've used jQuery to accomplish some amazing stuff. jQuery works in every browser on every operating system, and jQuery is open source so you never need to worry about your stuff suddenly not working on something like, oh, I don't know, the iPhone?

HTML5 is also an open standard, and nearly every modern (up-to-date) browser supports at least part of it. You can start using it now!

There's more!

Writering means making things plain

How you speak to your audience is at least as important as what you say to it. You have a message to convey and a personality to convey it with. If you don't have those, you're in deep doo-doo.

What is your voice - or your company's voice? What words does it use? How does it convey what you want it to convey? Is it playful or serious? Is it familiar or formal? Does it speak to your customers like a friend, or like an advisor?

Making sure your site speaks in the correct voice means having a document ready so that whomever you hire to update the site understands how to do that. Luckily for you, I've done it before! Huzzah! Yay, me!

If you just need someone to write some instructions on how to do something, or an email to your customers about the virtues of staying in touch (and please remember that email fails miserably as a customer acquisition vehicle, but works wonders as a customer retention tool) or an article about doing things and making stuff, I'm your guy!

There's more!

Contacting means you want to know more



Lance Arthur 453 Linden Street San Francisco, California 94102-5022

415·637·3442 lance@lancearthur.com Résumé (PDF)