Writing ERIKA

21 29 20 09

How to build a website the wrong way.

1] Take off pants. If at work, try to ignore pants. I firmly believe that everyone thinks better without them.

2] Get a legal pad and a pen. Sketch out designs without thinking about project goals or constraints. Ignore results, but save paper for later projects.

3] Write down the site’s mission statement as well as the site map requirements, like so: Website for actor, featuring resume, shows he’s been in and how to get in touch with him. He likes Shakespeare. Should be minimal and elegant.

4] Realize I try to make everything minimal and elegant. Jazz that shit up.

5] Realize I’m no good at jazzing shit up. Go back to minimal.

6] Keep sketching thumbnail layouts. Eventually hit upon one that does vaguely what I want. Sketch four or five more times in increasing detail.

7] Open up photoshop. 2000*1200. Realize I haven’t a clue about the colour scheme. Cuss and go looking for inspiration.

8] Create three-four failed layouts. Realize none of them are what I want. Cuss more. Have long rant to sympathetic friend. Have solution to problem smack me in the face during.

9] Whip out layout with few problems.

10] Code website. Feel guilty for not supporting IE6. Ponder what I’d have to do to insure compatibility. No longer feel guilty.

11] Grit my teeth and doggedly plow through the static content once all the fun layout work is done.

12] Test, validate, fiddle with code eight thousand times. Cuss.

13] Put live.

14] Fix unexpected issue that wasn’t broken before. Cuss more.

15] Threaten to destroy the birds outside my window unto the seventh generation for twirping so loudly in the morning.

16] Realize it is the morning.

17] Fix final issue. Vow never to stay up like that again. Crash harder than a steel-plated albatross in a jet engine intake.

18] Be eventually satisfied with website.

2 Comments »

2 Responses to “How to build a website the wrong way.”

  1. “1] Take off pants. If at work, try to ignore pants. I firmly believe that everyone thinks better without them.”

    I have to try this in the office :D

  2. Great article! It’s funny to see that other people get problems solved in completely non-related situations as well ;) And for the pants-thing: I’ll try it in the office, too :D

Leave a Reply

 

Portfolio WORKS

You can stop looking for a great designer.

ErikaWorks is run by Erika Wohlstadter, a one man band of design and front-end development. Here, I work on helping you figure out what you need and making it happen, creating user experiences that are unique and engaging and keeping you in the loop about all those hows, whats, whens, wheres and whys of website building. Samples from my ever-expanding list of work are below for your perusal.

Sakura Boutique Click here for full-sized image

A local retailer of high-end women's clothing wanted a fresh take on their online catalog. I provided design and front-end coding for this CSS-driven site which was hooked up to their own shopping cart system.

Warpoodle Click here to view live site

The home of my other writing. Designed as the minimum of what a blog needs. The vibrancy of the design compliments the writing style.

All Points Moving & Storage Click here for full-sized image

Website designed and coded for SEO optimization for a New York moving company.

AE Schafer Click here to view live site

Site for a DC-based graphic artist, Anne Schafer. The layout is completely text-based and fluid. Each project and photo contains its own roll-over information.

Avail Clinical Trials Click here for full-sized image

A database-driven site for Avail Clinical, a regional clinical trials corporation.

E.E. Ward Moving Click here for full-sized image

Design comp for an Ohio-based moving company.

Metomic Corporation Click here for full-sized image

Online catalog designed for a regional company specializing in custom metalwork.

Motorcycle Shipping Made Easy Click here for full-sized image

SEO-optimized site for a national mover specializing in motorcycle, boat and ATV moving.

Victory Van Corporation Click here for full-sized image

This national Allied mover requested a similar look and feel to their old site, albeit with completely overhauled and optimized code. Prospective clients like the new additions, current clients feel comfortable with what they see as minimal changes.

Thinkspaces Click here for full-sized image

Online catalog and informational page for Thinkspaces, a company specializing in office renovation. Showcasing a large database of products, this site was modernized and recoded to be fully compliant and CSS-driven.