Water Rune logo
Write Snark Main
 Play
Design Portfolio

I'll take a bit of a departure from the witty and sarcastic tone of my website and turn serious for a bit. This section is my web design portfolio; it contains sample pages from a number of my past web designs. It's not comprehensive; most of my very oldest designs are consigned to the fate of deleted digital data. And thank god, because most of them were quite bad.

My design philosophy emphasizes a combination of simplicity of design and simplicity of coding. I don't have the extensive hand-drawn art background of a graphic artist, and I don't have the deep programming knowledge of an extensive web developer.

The result is having to compromise. I can program a bit and make my own graphics, so the goal is to make a website that still looks good but uses simple elements. Emphasizing things like cross-platform compliance was my original tack, although at this point I have abandoned Netscape 4 (the bane of a web programmer's existence, as it doesn't support a number of the features necessary to do simplistic designs efficiently).

Theory notwithstanding, the results speak for themselves, so to speak. If you find what you see here pleasing, feel free to contact me for commission work. Also, my resume is available online and I am always interested in hearing about opportunities in web design.

Design: 1/World Midnight Horizon
Date: September 2000
Use: Personal Homepage

Midnight Horizon was the first true "art design" I did for my own personal webpage. It was a blue and grey "night-themed" design. Simplistic but effective, I am still rather fond of it. Beyond that there isn't much to say. Most of the CSS and HTML techniques I used in this design became foundations for my aesthetic and style later.

 
Design: Themes of the Revolution
Date: Mid-year 2000 (Exact date unknown)
Use: Free multimedia site

Themes of the Revolution is a multimedia page I made for the anime Shoujo Kakumei Utena, spurred by some friends who watched the show (the same who hooked me into playing Himemiya in the now-famous "Shoujo Kakumei Utena Extended"). The HTML and design are nothing fancy but they were serviceable and easy to manipulate. However, the site came to a bad end and is now closed.

 
Design: 1/World Angelus Errare
Date: September 2001
Use: Personal Homepage

Angelus Errare was the second incarnation of 1/World. It returns to a theme from a very very old design (which is long-gone) that separated the page sections by color coding. The code for this is actually a bit smarter than Midnight Horizon's: many vital pieces of code common to every page were shunted into virtual includes (which I had, in fact, been using for a while). The color-coding system meant that all of the color-related information for the page could be changed by changing one word in the code.

 
Lunatic High sample Design: Chaotic Blue - Lunatic High
Date: February - November 2002
Use: Personal Homepage, Design and Original Works Showcase/Portfolio

The first design that Chaotic Blue ever had. It's not terrific (the layout and HTML suffered a bit in favor of graphics), but it included my first toying with PHP and the impetus to shift 1.) away from Netscape 4 and 2.) toward designs that will scale with a resized window. You could say, it made a bunch of mistakes I'm continuing to learn from.

 
Design: ECE360 Team Site
Date: March 2002
Use: Student course-related website

Made for a friend at Rose-Hulman, this very simple website was an effort in making something 1.) inside of an hour, 2.) with a simple and web-safe color schema, and 3.) that could be adapted easily by someone who'd never coded it. As you can see, I think the undertaking was a success. The student in question used the same design a second time for another project of a similar nature. And it was, indeed, constructed in an hour.

 
Squarodynamic example Design: Squarodynamic
Date:: Summer 2002
Use: Weblog design template

Name for a font found at Fontalicious because of its blocky nature, this is a Livejournal style I developed. Since LJ styles designed for public use shouldn't involve images other than what Livejournal provides, the goal was to make a visually attractive site with nothing but what HTML spec gives you. I think the result was pretty successful in that regard. A number of other users have found the style to their liking, and I have been informed that it may be included as a public style in the upcoming "S2" release of Livejournal.

The above link will take you to my Livejournal with the Squaro style overlaid onto it in a new window. For those with a little more knowledge of how LJ works: The style is set public, and you can view it in the Style Browser under my username, millenia. It is color-safe also.

 
Design: Squarodynamic v2.0
Date: July 2003
Use: Weblog design template

After a while I got the itch to redesign the Squarodynamic template into something a little different. So in July I sat down and actually did it. The end result isn't radically different, but it had a slightly more open feel to it, and the code was a lot cleaner, for sure, despite wrangling with CSS-P issues. As with the previous Squarodynamic link, this will take you to my livejournal with the style overlaid onto it.

 
Improfanfic sample image Design: Improfanfic
Date: Summer 2002
Use: Internet community central site

For a time, I was a story administrator at Improfanfic, a site created by Stefan Gagne featuring fanfiction written "improvisationally" week-to-week. I have since retired, but this redesign of the front page and story pages was commissioned while I was still an active administrator. An exercise in logo-creating and clean, simple graphics that worked well with the PHP templates.

Although I coded the base design and the HTML, James Renken (another admin) modified it slightly and created the PHP database that currently drives the site. Instead of a mockup, the example link will take you directly to the live site so long as the current design remains active.

 
Design: ATC2 Campaign Page
Date: July 2003
Use: Online RPG Campaign Page

I promised Cham that I'd make him a pretty webpage for his BESM campaign, co-GM'ed with another mutual friend. ATC is a futurisitc game with a sort of modern cyberpunk wryness added in, so I went for a combination of futuristic computer and modern-day Unix geekosity. I think it worked fairly well. The design's not exactly top-of-the-line streamlined code (there are, I admit, nested tables. It needed to scale!), but it's fairly simple, it's modular enough, and it's pretty.

Design
Back to Top