Content Management · 2002 to 2011

Imagine

One CMS, rebuilt three times, for whoever walked in the door.

Imagine

For about a decade I kept solving the same problem for different people. A business had a website. Somebody inside that business needed to change what it said. That person did not write HTML, had no reason to want to, and was not going to learn. So every time, I built them the thing that let them do it themselves.

The real problem was the gap between the person who knows what needs to change and the person who can change it. Close it and the business stops waiting on anybody. Leave it open and every small edit turns into a support request.

3rebuilds of the same idea
24years still shipping it
7+businesses running it
1component system

It started at a school district

The first version was called mySite, and I built it in two weeks in 2002 so that eight schools could maintain their own pages without a developer. A form, a password, and a save button. That whole story is its own case study, including the version three rebuild in 2004 that introduced something I did not know I needed yet: a site chooser. One login, many sites.

Once the tool could hold more than one site it stopped being a favor for a school district and started being a product.

Imagine

I named it Imagine. Between 2007 and 2011 it ran the content on four Payless Car Rental properties, on my own studio’s site, and on client sites including Holistic Alternatives. Same codebase, same interface, different skin each time.

The Imagine content management interface
Imagine. The field list appears twice on purpose, once active and once disabled, because I needed to specify both.

The feature list is boring. Keywords, description, page title, body content. Add a file, edit files, editor settings, administrator tools. Yellow button for the staging copy, green for live.

What I’d point at instead is that I drew the disabled state at the same time as the enabled one, side by side, so neither was left to interpretation.

The same system, wearing different skins

Because Imagine had to be handed to whoever the client was, the interface got rebuilt as a kit rather than as a screen. Every deployment reused the same tab bar, the same message bars, the same button family, recolored to the client’s brand.

A component sheet showing tabs, panels, message bars and buttons in multiple states
Payless Car Rental’s skin, laid out as components rather than as a page: tab states, panel variants, four success and error message bars, and every button in the set.
HomePortal Site Administration in the same component system
The same kit as HomePortal Site Administration, with five color-coded sections. Note the button matrix in the lower left, each control drawn in both its normal and disabled state, and the palette laid out underneath.
Yi's World Content Manager in the same component system
And again in purple for Yi’s World. Blog tool, RSS tool, contest tool. Same bars, same buttons, different business.

Nobody asked me for a design system and I’d never heard the phrase. It came out of being one person supporting several clients at once. Drawing every button twice was work I didn’t want to do.

A component library, before I knew the words

The Imagine button library, grouped by feature
The button library, shipped with the product and grouped by feature. Imagine’s own set, then RSS, then Specials, then the yellow and green pair that told you whether you were looking at the staging copy or the live site.

The buttons lived in their own directory, named and numbered by the tool they belonged to. When a client needed a new feature, it got its own set in the same language rather than a one-off control. That’s a component library. I got there sideways, trying to avoid redrawing icons.

The states nobody photographs

Portfolios are full of happy paths: the screen where everything worked and no field is wrong. The files I’m glad I still have are the ones covering the rest of it.

Payless Car Rental System Fee Reporting with validation and confirmation states
Payless System Fee Reporting. An automatically calculated field, a password mismatch, a save confirmation, and the message that tells you the report went to corporate and a copy went to your own inbox.

Session expired. Username or password incorrect. You have successfully logged out. The special was successfully taken down. An unknown error has occurred. All of those had to be written, styled and placed before the feature could ship, and each one lands on somebody having a bad time.

Everything else in those years

The CMS was the spine, but the same decade produced other interfaces for other people, all doing the same job: give somebody non-technical control of something complicated.

The ValueLynk datamatrix login screen and Start Point dashboard
ValueLynk, 2003. A two sided local services directory: members found providers, businesses managed listings, and a “datalynk” was the saved connection between them. Four states from the design files: sign in, the empty Start Point, the application shell, and loading.
A customer management system with a client data table
A customer management system for a credit services firm. Client list, pipeline, training materials, and a quick-add panel for the case where you are on the phone and need the record to exist now. Records shown are the system’s own test data.
A four step aggregate calculator
A four step calculator. Numbered steps, one decision per screen, and a start over that does not make you feel stupid for using it.
The iChatter posting interface
iChatter, 2009. A comment system with a character counter and a single obvious action, built when every site suddenly wanted a conversation on it.

Where it went

Imagine stopped around 2011. The idea didn’t.

The system running AllOEMRims today does the same thing at a bigger scale. It turns raw wheel inventory into finished listings on two marketplaces, and the people using it are warehouse staff on their phones. None of them write HTML. That’s still the point.

Three rebuilds over twenty-four years, all of it the same sentence: the person who knows what needs to change should be able to change it.

Need something like this for your business?

That’s what I build at Evolve Engineering.

evolve.engineering →

Or email hello@iamjust.in and tell me what’s slowing you down.

← More case studies

send a transmission

this goes straight to my inbox.