Search Function Web Design

Client projects and tech blog posts about Search Function

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
Categories: Client Sites , Custom Design , Journalists & Artists , Movable Type , Small Business
Tags: Acrylic, Art, Artists, Beach, Concept Screenshots, Customized Templates, Fireworks, Flickr, Giclee, Movable Type, Nature, Online Ordering, Paintings, Paypal, Photoshop, Search Engine Visibility, South Jersey | Edit

Last weekend I found myself with the scenario no solo web designer wants to be faced with: a dead laptop. It was eighteen months old and while it was from Hewlett Packard, a reputable company, it's always had problems over overheating. Like a lot of modern laptop makers, HP tried to pack as much processor power as they could into a sleek design that would turn eyes on the store shelf. They actually do offer some free repairs for a list of half a dozen maladies caused by overheating but not for my particular symptoms. When I have a free afternoon, a big pot of coffee and lots of music queued up I'll give them a call and see if I can talk them into fixing it.

Once upon a time having a suddenly dead computer in the middle of a bunch of big projects would have been disaster. But over the last few years I've been putting more and more of my data "in the cloud," that is: with software services that store it for me.

Email in the Cloud

I used to be a die-hard Thunderbird fan. This is Firefox's cousin, a great email client. I would take such great care transfering years of emails every time I switched machines and I spent hours building huge nested list of folders to organize archived messages. About a year ago Thunderbird ate about three months of recent messages, some quite crucial. At that time I started using Google's Gmail as backup. I set Gmail to pick up mail on my POP server and leave it there without deleting it. I set Thunderbird to leave it there for week. The result was that both messages would be picked up by both services.

After becoming familiar with Gmail I started using it more and more. I love that it doesn't have folders: you simple put all emails into a single "Archive" and let Google's search function find them when you need them.You can set up filters, which act as saved searches, and I have these set up for active clients.

Why I'm happy now: I can log into Gmail from any machine anywhere. No recent emails are lost on my old machine.

Project Management in the Cloud

I use the fabulous Remember the Milk (RTM) to keep track of projects and critical to-do items. Like Gmail I can access it from any computer. While messing around setting up backup computers has set me back about ten days, I still know what I need to do and when I need to do it. I can review it and give clients renewed timelines.

An additional advantage to using Remember the Milk and Gmail together is the ability to link to emails. Every email in Gmail gets its own URL and every saved "filter" search gets its own URL. If there's an email I want to act on in two weeks, I set up a Remember the Mail task. Each task has a optional field for URLs so I put the the email's Gmail URL in there and archive the email so I don't have to think about it (part of the Getting Things Done strategy). Two weeks later RTM tells me it's time to act on that email and I follow the link directly there, do whatever action I need to do and mark it complete in RTM.

Project Notes in the Cloud

I long ago started keeping notes for individual projects in the most excellent Backpack service. You can store notes, emails, pictures and just about anything in Backpack and have it available from any computer. You can easily share notes with others, a feature I frequently use to create client cheatsheets for using the sites I've built. Now that I use Gmail and it's URL feature, I put a link to the client's Gmail history right on top of each page. Very cool!

Another life saver is that I splurge for the upgraded account that gives me secure server access and I keep my password lists in Backpack. There's a slight security risk but it's probably smaller than keeping it on a laptop that could be swiped out of my bag. And right now I can log into all of my services from a new machine.

Keeping the Money Flowing from Clouds

The latest Web 2.0 love of my life is Freshbooks, a service that keeps track of your clients, your hours and puts together great invoices you can mail to them. I'm so much more professional because of them (no more hand written invoices in Word!) and when it's billing time I can quickly see how many unbilled hours I've worked on each project and bang!-bang!-band! send the invoices right out. Because the data is online, I was able to bill a client despite the dead computer, providing my exact hours, a detailed list of what I had done, etc.

Others

Calendar: I always go back and forth between loving Google Calendar and the calendar built into Backpack. Because I can never make up my mind I've used ICal feeds to cross-link them so they're both synced to one another. I can now use whichever is most convenient (or whichever I'm more in the mood to use!) to add and review entries.

Photos: Most of the photos I've taken over the past four years are still sitting on my dead laptop waiting for me to find a way to get them off of the harddrive. As tragic as it would be to loose them, 903 of my favorite photos are stored on my Flickr account. And because I emailed most of them to Flickr via Gmail most of those are also stored on Gmail. I will do everything I can to get those lost photos but the worst case scenario is that I will be stuck with "only" those 900.

Your Examples?

I'd love to hear how others are using "the cloud" as real-time backup.

Categories: Practical 2.0 , Windows to Mac
Tags: Calendar, Flickr, Freshbooks, Gmail, Hp, Laptop, Remember The Milk | Edit
I was referred to a website the other day that barely exists, at least in the way that I see sites. It's homepage was built entirely in Flash, was completely invisible to search engines and barely functioned in Firefox. Domaintools.com gave it an SEO score of zero (out of a scale of one hundred). It's Google PageRank was three out of ten, making it less visible that my kid pages. But this was a website for a high-flying web development house, a company that works with some of Philadelphia's most prominent and well-endowed cultural institutions. Their client work isn't quite as invisible, but their website for Philadelphia's relative-new $265 million performance arts center has a PageRank equivalent to my personal blog--youch!

I think there's a lesson here. Prominent cultural institutions don't look at Google (and SEO-friendly developers) because they're big enough and well-known enough that they assume people will find them anyway. They're right, of course, but how many more people would find them if they had well-built websites? And what's the long-term vision if they're relying on their established reputation to do their web marketing?

It's perhaps impossible for a net-centric start-up to replicate a hugely-endowed cultural icon like an orchestra or ballet, giving some degree of insulation to these institutions from direct internet competition. But if these nonprofits saw themselves in the entertainment business, competing for the limited attention and money of an audience that has many evening-time possibilities, then you'd think they'd want to leverage the internet as much as they could: to use the web to reach out not only to their existing audience but to nurture and develop future audiences.

Are the audiences of high brow institutions so full of hip young audiences that they can steer clear of web-centric marketing?
Categories: Analytics
Tags: Firefox, Google Pagerank, Institutions, Performance Arts Center, Personal Blog, Score, Search Engines, Seo | 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

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