Web Design Process: Yet More Lists

ll right, first things first. Before I go trying to put my website together willy nilly, I need a plan, a master list of desired components and functionality, and a general idea of how to get from here to there. Disclaimer: I have not actually done this before! I've worked on sites designed by someone else, I've done some super basic HTML/CSS work (like my pesky resume and my placeholder website), and I've certainly spent plenty of time thinking about it and reading and researching. So here goes:

Things I'd like from my site:

• A Gallery of photos: no commenting, prints for sale, easily populated (Lightroom export?), cataloged by keyword, location, highly searchable, and someday I'd like it to include interactive collaging
• About/info page: bio 
• Contact: email, links to me elsewhere like twitter etc, RSS for photos and blog?
• Blog: old posts from blogger + new posts, shiny layout, browseable, comments, share buttons
• Portfolio: other design work, samples, articles, projects, certificates, whatever else
• Someday: a sandbox area near the portfolio for projects in progress, something to do with Github? 
• Aesthetic: simple, lots of white space (or black space), nice OFL (Open Font License) fonts and thin lines, simple image display, good navigation, one animation/movement/interactive element on top page. 

The basic steps outlined below are a combination of my notes from several sources. I learned most of the prototyping and user-testing steps from a class called Human Computer Interaction taught online by Scott Klemmer from Stanford. Not my favorite class on Coursera due to some frustration with the peer-grading setup, but nonetheless informative.

I also discovered that a local web design etc firm called Clikzy Creative posted their entire design process to their site so that clients will know what they're getting into. My process will be a bit different, of course, but it's good to know how a more formal environment would handle the same task.

• Essentially: "Discovery, Site Map, Content, Wireframe, Mockup, Revise, Develop, SEO, Launch."

The Moxie Design Studio also has their process up on their website. They do a bunch of websites for local Alexandria businesses, so I had seen their work quite a few places already. They also list a general set of project prices on their site, which is somewhat unusual, but very helpful since I had no idea what I should be charging for my work.

• So again, an essential process looks like: "Discussion, Goals, Mockups, Revisions, Development and Programming, Soft Launch and Client Training, Full Launch and two weeks included Support." 

It's really hard being independent and not letting clients take advantage of you by asking "just a quick question" that actually takes half an hour and is billable. And that's just one reason I'd rather not work for myself!

Back to my own website. A few basic steps to get there:

1. Define required elements - site map (above)
2. Find appropriate platform
3. Wireframing, prototypes, mockups - grids?
4. Testing it on unsuspecting potential users - feedback and revision
5. Build, develop, whatever you want to call it
6. Design details/ illustrations? Finishing touches
7. Later additions: animation, better databases? E-commerce... 

Each step along the way will probably be a bit more involved, but that should give me a good starting framework to go on. Don't mind me if both my website and blog suddenly disappear while I'm shuffling things around...

What's in a name

When I started this blog I intended it to be an information gathering device, posting bunches of links, reviews, instructions and so on. This sort of happened for a few posts (I'm still most proud of my Smithsonian Craft Fair post), but then I meandered off into journaling territory, posting more photos, recipes, poems, thoughts and whatever else happened to cross my path. In the end, the content has actually lived up to the name I chose in the first place: Renascence Girl.

I've gotten a few questions about why I "spelled renaissance wrong," so I'll explain my logic (something I probably should've done initially).

1. "Renaissancegirl" was taken.
2. Spelled "renaissance" the word tends to make people think of the period in history, or silly festivals where people dress up and make largely inaccurate attempts to reenact that period.
3. I used this alternate spelling because it sounds better in my head. Literally, re-nascence, re-birth, a new beginning, or beginning again. This can mean a new start, or starting something over again, redoing something from the past in a new way.
4. It does also imply the idea of the renaissance man, a person who is a jack of many trades, perhaps not at expert at all of them, but a dabbler. Since I can't make my mind about anything much, Renascence girl seemed like an accurately descriptive choice. You, who have nobly waded through all this, therefore get posts about a wide variety of topics, all tied together simply because of moi. Hoo-rah.

Photo of your semi-faithful blogger courtesy of your .. you get it. From Chincoteague Is., Sept. 2010.

Conflict of interest

Not to sound schizophrenic, but I have a choice here, and I'm of two minds about it (and they keep fighting. In my head). On the one hand, I could be making money (in theory) off this blog. I could monetize, I could use the $100 Google AdWords coupon they sent me (and look into AdSense, too), I could sell something, I could even put a Paypal donation button on here.

Or I could do none of those things, appealing in part because then I have to do none of those things (I'm not lazy, I just like to conserve time). I could have a beautiful, ad-free blog, affix this lovely ad-free blog sticker to myself (er, I mean, the blog) and skip about on my moral and ethical high ground.



I don't really want to expect revenue from my readers, or plague them with advertisements, or, in general, be a sellout. As a librarian, the point of blogging (and life) is to share information with people who need it (even if they don't know they need it. mwahaha.) I realise that just putting up a couple ads and such isn't really demanding anything more from readers than the rest of the internet does, but heck, I don't want to be the rest of the internet. I want my motives for writing to be pure and simple (not that this seems to generate frequent updates).

On the other other hand, I'm kinda broke.

The conclusion I've come to is that as soon as I stop procrastinating and set things up, I'll do a trial run of Attempting To Make Money With My Blog. Comments and thoughts on this whole thing would be appreciated. I'm likely over-thinking it. I'm also trying out partial syndication, so people who get my blog in a feed reader will need to click through to get the full post. Again, thoughts appreciated.

EDIT: That was a dumb idea. "Short" syndication publishes a fragment, doesn't append so much as an ellipses, and therefore doesn't let the reader know that there's more to be had just one click away. If I could get a "read more" link in there it would be fine. Heck, I say, to heck with that.

There's a Calvin and Hobbes strip that illustrates how I feel about the internet, which I wont post here because I'm sure it would incur all kinds of copyright wrath. It's the one where Calvin is standing outside staring at the stars and he yells "I'M SIGNIFICANT!" pauses, then says "...screamed the dust speck."