<?xml version="1.0" encoding="utf-8"?>
<feed version="0.3" xmlns="http://purl.org/atom/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xml:lang="en">
<title>Design Archive</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/" />
<modified>2007-01-01T10:43:56Z</modified>
<tagline>I started Web design work around 1998, and did it full time from 2000 to 2002. I have scaled back to working on contractual basis only in that field, and I also offer free site design to qualifying non-profits.</tagline>
<id>tag:www.hibernium.com,2007:/dsgn//3</id>
<generator url="http://www.movabletype.org/" version="3.2">Movable Type</generator>
<copyright>Copyright (c) 2006, hibernium</copyright>
<entry>
<title>Advertisement</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000046.shtml" />
<modified>2007-01-01T10:43:01Z</modified>
<issued>2004-11-03T07:48:34Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.46</id>
<created>2004-11-03T07:48:34Z</created>
<summary type="text/plain">ads</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Other</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>IDG.net / <strong>Contract: </strong>In-house</p>]]>
<![CDATA[<p>I made quite a few ads while at IDG.net, for IDG.net-run sites, other IDG business units looking to score some cheap labour, and an occasional outside client. The first involved the most work (no copywriter, not a lot of $ for stock images), almost total control and was therefore the most rewarding. The latter two, not so much. When it comes to advertising, the less taste people have, the more they tend to pile on the impossible demands.</p>

<p>The selection below (non-clickable) represents the handful of ads, both rejected and run, that I actually like.</p>

<p><!--#include virtual="/ssi/bl_dsgn_adsx.txt" --></p>]]>
</content>
</entry>
<entry>
<title>Lotus KMInformer</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000055.shtml" />
<modified>2007-01-01T02:39:09Z</modified>
<issued>2004-11-04T10:14:36Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.55</id>
<created>2004-11-04T10:14:36Z</created>
<summary type="text/plain">lts</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Proposal only</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>IDG.net & Lotus / <strong>Contract: </strong>Proposal </p>]]>
<![CDATA[<p>International Data Group has a thing about naming its publications <em>something-</em>World. All the well-known <em>World</em> magazines are IDG properties: PCWorld, Computerworld, NetworkWorld, InfoWorld, MacWorld. If some bizarro version of IDG exists in Lynchverse, <em>FleshWorld</em> (<em>Twin Peaks</em>) is no doubt a part of the IDG family.</p>

<p>But sometimes, the world is not enough. Operating under the assumption that most IT people don't have time for artfully named sites, the powers-that-be decreed that <em>-Informer</em> was a good no-nonsense name for electronic publications. When IDG.net started to pitch niche-content sites (referred to as microsites) to every single company they could think of, I came to hate that decision. First of all, it gets really long. Second, a one-hit wonder from my high school years by a Canadian rapper called Snow would automatically start playing in my head. <em>Infor-mer / You know say daddy me snow me-a (gonna) blame / A licky boom-boom down...</em></p>

<p>While the whole microsite craze meant I could do more design and coding, it also meant that I was expected to produce original site designs on demand in matter of days, then hours. To be fair, I don't think many of the marketing people who would casually ask me to "have something ready" for their pitch tomorrow really understood what kind of labour this entailed. After all, they were home and in bed long before I shut down my machine. I got to know the cleaning staff and the thrill of running for the last train of the night and learned to hoard food as everything in SOMA closes at 5.</p>

<p>After the first 4 or 5 mockups, it dawned on me that none of these pitches had produced any contracts, and were fairly unlikely to. I was of course never invited to any of those meetings, but it seemed to me that our marketing people really didn'y care what kinds of mockups they were showing to people, as long as it had all the navigation items they asked for, the client logos and a "custom look". To test that theory, I started to produce slightly more freakish mocks.</p>

<p>"Sputnik" is one such design. Originally a proposal for "Lotus DataBasement" (IT people mistake puns for hipness), it had to be changed at the last minute to "KM Informer" when it was discovered that databases were tired, and knowledge management was wired. Don't ask me about the font; I just wanted to see if it would provoke some sort of a response, but not so much.</p>]]>
</content>
</entry>
<entry>
<title>VORTEX.net</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000057.shtml" />
<modified>2006-12-13T03:26:25Z</modified>
<issued>2004-11-04T10:14:37Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.57</id>
<created>2004-11-04T10:14:37Z</created>
<summary type="text/plain">vtx</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Proposal only</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>VORTEX.net / <strong>Contract: </strong>Affiliate / <strong >Circa: </strong>2001</a></p>]]>

</content>
</entry>
<entry>
<title>Best of COMDEX</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000053.shtml" />
<modified>2006-12-13T03:26:22Z</modified>
<issued>2004-11-04T10:14:40Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.53</id>
<created>2004-11-04T10:14:40Z</created>
<summary type="text/plain">cdx</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Full site</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>Key3 Media / <strong>Contract: </strong>Affiliate / <strong >Circa: </strong>2001</a></p>]]>

</content>
</entry>
<entry>
<title>Palm W-Informer</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000056.shtml" />
<modified>2007-01-01T10:46:15Z</modified>
<issued>2004-11-04T10:14:41Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.56</id>
<created>2004-11-04T10:14:41Z</created>
<summary type="text/plain">plm</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Proposal only</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>IDG.net / <strong>Contract: </strong>In-house</p>]]>
<![CDATA[<p>International Data Group has a thing about naming its publications <em>something-</em>World. All the well-known <em>World</em> magazines are IDG properties: PCWorld, Computerworld, NetworkWorld, InfoWorld, MacWorld. If some bizarro version of IDG exists in Lynchverse, <em>FleshWorld</em> is no doubt a part of the IDG family.</p>

<p>But sometimes, the world is not enough. Operating under the assumption that most IT people don't have time for artfully named sites, the powers-that-be decreed that <em>-Informer</em> was the thing. When IDG.net started to pitch niche-content sites (referred to as microsites) to every single company they could think of, whatevah-Informer becamethe refrain of my life.<br />
While the whole microsite craze meant I could do more design and coding, it also meant that I was expected to produce original site designs on demand in matter of days, then hours. To be fair, I don't think many of the marketing people who would casually ask me to "have something ready" for their pitch tomorrow really understood what kind of labour this entailed. After all, they were home and in bed long before I shut down my machine. I got to know the cleaning staff and the thrill of running for the last train of the night and learned to hoard food as everything in SOMA closes at 5.</p>

<p>If I had to pick one proposal project that exemplified this madness, it would be the mockups for "Wireless Informer", a microsite proposal for Palm, Inc. Having been told around 3pm that a mockup would be needed, I pulled an all-nighter getting "Hamsa" done after finishing up my other work. Two days later, there was good news: the meeting had gone very well, Palm was enthusiastic, but wanted a new proposal that was fun and playful for the youth market. The marketing people made a date for the very next day, and could I do another mockup? Something that didn't look quite so slapped together in a matter of hours would be nice. Maybe do a color variant, because it was so fun to pass around. </p>

<p>Another all-nighter later, I gave them Parma in orange and blue. I was very happy with it, frankly, because I like rocket ships. According to marketers, that meeting went even better than the last one.</p>

<p>You can guess what happened a few days later. I don't know if it's a side effect of all that artificial enthusiasm or a congenital defect, but marketing people can be very obtuse when they're being blown off. Palm wasn't commiting -- I'm guessing they were barely returning e-mails. After all, a company like Palm didn't become what it is by putting lackluster marketing-disguised-as-service at the top of their list. But on this end of the non-deal, it was clear that another mockup would be just the thing to get Palm excited again. </p>

<p>After the cleaning crew came and went, I found myself completely blank. I was tired, very hungry, and was going cross-eyed. I couldn't come up with another decent design for Wireless Informer because I knew it was pointless. Without really thinking about it, I put together a Franken-sketch of a site that was both ludicrous and horrific. The following afternoon, I asked the head of the unit to make sure the marketing people gave me a certain number of days to put together material. It still took a while before they learned to give up on pressuring me for overnight express service, but it did happen.</p>]]>
</content>
</entry>
<entry>
<title>Logo work</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000045.shtml" />
<modified>2007-01-01T10:46:32Z</modified>
<issued>2004-11-04T10:14:42Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.45</id>
<created>2004-11-04T10:14:42Z</created>
<summary type="text/plain">lgo</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Other</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client:</strong> IDG.net / <strong>Contract: </strong>In-house</p>]]>

</content>
</entry>
<entry>
<title>Publish</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000054.shtml" />
<modified>2007-01-01T10:46:32Z</modified>
<issued>2004-11-04T10:14:42Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.54</id>
<created>2004-11-04T10:14:42Z</created>
<summary type="text/plain">pub</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Proposal only</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>Publish Magazine / <strong>Contract: </strong>Affiliate</p>]]>

</content>
</entry>
<entry>
<title>LinuxWorld</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000048.shtml" />
<modified>2007-08-12T14:31:24Z</modified>
<issued>2004-11-04T10:14:44Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.48</id>
<created>2004-11-04T10:14:44Z</created>
<summary type="text/plain">lnx</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Full site</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>IDG.net / <strong>Contract: </strong>In-house</p>]]>
<![CDATA[<p>LinuxWorld is a well-known site, affiliated with an equally well-known conference. In 2001, the IDG business unit that ran the site failed to survive the annual review. As a result, JavaWorld and LinuxWorld sites as well as their remaining skeleton crew (4 editors and 2 Web producers) were unceremoniously dumped on IDG.net. It was a raw deal all around, especially to the aforementioned producers. What they knew was that they would code the redesign for JW that had already been in the pipes. What these two hardworking women didn't know was that they were to be laid off once they were done. Kinda like what was in store for me a year later, except their fate had taught me to expect the sudden knife in the back.</p>

<p>While Patti and Candy coded JavaWorld, the powers-that-be had an even more fun job for me. Redesign LinuxWorld from ground up, code it, have it up and running in two weeks. My tech director had the most fabulous job of all, transitioning the entire LW content from their previous system to ours. There was much gallows humour among the four of us.</p>

<p>I'm all for open source in general and the Linux/GNU movements in particular, but I can't congratulate them on their design sensibility. It's a sad fact that most engineers are autistic when it comes to aesthetics. Hence, I had high hopes of giving Linux geeks a new and improved LinuxWorld. I wanted to emphasize LinuxWorld as the original, premier Linux publication/conference gateway. To that end, I enlisted the <a href="http://www.linux.org/info/logos.html">Linux penguin</a>, that bird of unimpeachable credibility. The result is the rough logo-colour proposal (<strong>top left</strong>; click to enlarge) I dashed off that day.</p>

<p>Alas, IDG is not an open-source organization. Changing the logo and identity color wasn't what the senior management had in mind. It was a branding and hence an asset, they explained to me with an air of shocked patience. They'd had lots and lots of meetings to agree on it years ago and paid good money to have it designed. And, the logo was used for the Expo as well. All the more reason for a change, I suggested. It's ugly, no engineer I know who cares likes it, and with me inhouse, they don't have to pay some bogus design firm that ripped them off with this amaterish <a href="http://linuxworld.com/images/aa_logo.gif">monstrosity</a>. Good arguments all, which of course means I wasn't even heard out.</p>

<p>Hence the Bruised Mondrian look. Yes, yes, I know a lot of people hate it. All that blue and black, they say. It looks like the site got beat up. Well, I had my reasons. It had to be coded and ready in 2 weeks. The front page had to look nice and full even though new stories wouldn't be coming in for weeks and the archive was in chaos and couldn't be retrieved until god-knows-when, so all the content would be from sites like ComputerWorld till then. And oh, when original stories did become available, there had to be space ready for them on the FP. I amused myself by experimenting with much thicker-stroked, geometric layout than normal, and I'm not apologizing for it.</p>

<p>After I left, the page codes immediately started getting messed with by the editor, and I saw some terrible things happening with table widths, and (ironically but not surprisingly) compatibility issues with open-source browsers started to be introduced. Sad. Now SysCon owns the site and they've taken over the task of trashing the site. You'd think they'd at least redesign the thing, but 3 years later, it's still staggering around looking wounded. It's not the most inspirational tale to come out of the Land of Linux.</p>]]>
</content>
</entry>
<entry>
<title>TechInformer</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000003.shtml" />
<modified>2007-01-01T10:44:36Z</modified>
<issued>2004-11-05T09:42:26Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.3</id>
<created>2004-11-05T09:42:26Z</created>
<summary type="text/plain">tir</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Full site</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"></a><strong>Client:</strong> IDG.net / <strong>Contract: </strong>In-house</p>]]>
<![CDATA[<p>TechInformer.com was one of IDG.net's first 'microsite', a repackaging of existing IDG-generated articles into a niche-targeted site. TechInformer was conceived by then-managing editor as a tech site for the younger Web professional. I kept the site going after she left, but by late 2001, it became obvious that traffic was dropping; in addition, I had to admit that maintaining the entire site by myself had become an untenable proposition long time ago. </p>

<p>Rather than kill it off, I decided to redesign and streamline it. Management agreed on the condition that 1) I not siphon off any hours needed for 'real projects' for what was increasingly being referred to as &quot;the bastard child&quot;, and 2) use it to promote the recently-inherited corpse (to be referred to as archive) of the Industry Standard and bring in NexTag revenue. Since nobody cared what I did with the site as long as it didn't look as though it had been designed by fundies or engineers, I had the rare privilege of designing a corporate-owned media site as though it were a personal project.</p>

<p>About 90% of the final design was there in the first mockup (<strong>right top</strong>; click to enlarge). The nav design ended up being the only tricky thing to pin down. While the point of the redesign was to cut down massively on the scale of the site, I was also interested in seeing the different content areas receive much-needed traffic throught a new and more open look &amp; feel. </p>

<p>Because TI was virtually a personal project and a tiny site, I wanted it make the most efficient use of the V2 publishing system as possible. The efficiency issue was all the more important since I designed Techinformer as a densely-packed, highly click-happy site with every page cross-pollinated with top headlines from all the other topic pages. To that end, I persuaded my boss to enable the snippet-within-snippet, swearing that I would control the cascade order (I did; not a single crash). </p>

<p>Summary of Major changes:<br />
- Cut the content areas from FP+7 (front page plus 7 separate topic areas) to FP+3<br />
- Add a skinned NexTag price-comparison shopping area<br />
- Cross-pollinate the FP and 3 topic pages (Downloads, Gizmos, Trends) with content<br />
- Feature a &quot;Weekly Pick&quot; of NexTag offerings<br />
- Lighten the total site publishing load from 8 full pages to 6 small includes, automate rest</p>

<p>TechInformer is, along with all sites associated with IDG.net, dead as a doornail (exception: LinuxWorld, having been sold to SysCon). For old times' sake, I've put up several pages of the site exactly as it appeared on its very last publishing day. All non-working links have been changed to self-direct, so feel free to navigate around.</p>]]>
</content>
</entry>
<entry>
<title>NetDeveloperWorld</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000047.shtml" />
<modified>2007-01-01T10:43:36Z</modified>
<issued>2004-11-07T07:58:33Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.47</id>
<created>2004-11-07T07:58:33Z</created>
<summary type="text/plain">ndw</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Full site</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>IDG.net / <strong>Contract: </strong>In-house</p>]]>
<![CDATA[<p>NDWorld was conceived as a content site for Microsoft .NET developers. But just because the intended audience is a sheep-like herd not known for taste or regard for security doesn't mean the site couldn't be attractive. In fact, it seemed imperative at the time to give NDWorld a bold -- dare  we say it, cool -- visual presence. </p>

<p>Oh please, you might say. Can anything related to Microsoft be cool? Well, the fact that we couldn't actually <em>use</em> Microsoft (TM) or .NET(TM) logos actually helped. In fact, the management wasn't entirely sure that we could build a .NET-related site without being sued out of existence. Still, it was hoped that once Microsoft was shown the preliminary site, they would be thrilled by the free publicity. Correction, not free. The plan was to ask Microsoft for advertising money. Flattery on corporate scale works in mysterious ways.</p>

<p> In this atmosphere of uncertainty, danger and reckless marketing abandon was I tasked with designing the look and feel. And oh: don't use anything close to the Microsoft blue since they might, you know, sue. Fine by me. I was thinking two things: One, Marxist propaganda, and two, Martha Stewart. </p>

<p>Like most designers, I have a deep love of the early, arm-and-hammer, <em>Internationale</em>-style propaganda visuals, if not the message that was carried through those visuals. Microsoft having the reputation that it does when it comes to employment practices, it seemed rather fitting to originate the site's identity design from this source. As for Martha, I was hankering to use celadon or jadite, a shade that she's used judiciously just about everywhere. That and orange, but the latter tends to be hard sell.</p>

<p>Then again, some colours are catching. The final vote was for orange after a loooong process during which I designed the logo. Besides the two below, there was one other -- archived <a href="/dsgn/2004/11/logo_work.shtml">here</a>. As with Techinformer, I have the main pages of NDWorld archived on this site. The main topic pages -- News, Tutorials, Case Studies &amp; Opinions, Reviews -- as well as the White Paper and About Us can be navigated to from the front page. </p>

<p>NetDeveloperWorld never did see the light of day. It languished on the dev server for over a year. It died when IDG Communications shut down all of IDG.net's remaining electronic assets. I doubt they even knew the site was there.</p>]]>
</content>
</entry>
<entry>
<title>Magazine covers</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000004.shtml" />
<modified>2007-01-01T10:46:32Z</modified>
<issued>2004-11-08T01:52:22Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.4</id>
<created>2004-11-08T01:52:22Z</created>
<summary type="text/plain">mag</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Other</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>IDG.net / <strong>Contract: </strong>In-house</p>]]>
<![CDATA[<p>Once, I was asked to fake some magazine covers for a marketing pitch to SUN Microsystems. Nothing came of the pitch, but the fakes were so well-liked that they commissioned another set for an Intel Developer Forum print mag proposal. </p>

<p>NB: The Sun ONE cover on the right was of course never sent to Sun. You should see the <a href="/dsgn/mag/dsp_02_08.html"onclick="popUp('/dsgn/mag/dsp_02_08.html'); return false;">other</a> joke covers I made... </p>

<p><!--#include virtual="/ssi/bl_dsgn_magx.txt" --></p>]]>
</content>
</entry>
<entry>
<title>Core Systems</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000050.shtml" />
<modified>2007-01-01T10:43:45Z</modified>
<issued>2004-11-08T10:16:48Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.50</id>
<created>2004-11-08T10:16:48Z</created>
<summary type="text/plain">cos</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Full site</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>IDG.net / <strong>Contract: </strong>Freelance</p>]]>
<![CDATA[<p>Designing a site for the Sunnyvale-based seminconductor parts maker was actually a lot of fun. Like a lot of successful niche-market companies, they just hadn't gotten around to getting a proper site. The job was brought to me by one of my IDG colleagues who had a family connection to the company.</p>

<p>While the site had to be functional in that part of its raison d'etre was being an ordering UI, I could see that there were no plans by the firm to maintain the site's content. There was also no in-house web design know-how and no publishing system or DB, so I wanted to keep everything very clean and spare. Which, of course, I rather prefer.</p>

<p>Simple, spare, compatible. No templates, no Flash, hardly any images. So what are its superpowers?<ol class="listserif"><li><strong>Colour.</strong> Predominantly and exuberantly Dead Ringers red, with accents in fluorescent green (yes it is, and I laught at your doubts), black and white. Just four colours for the entire site, excepting the shades of red in the photos.</li><li><strong>Typography.</strong> Jason Kottke's <a href="http://kottke.org/plus/type/silkscreen/index.html">Silkscreen</a> is still the most versatile pixel font. And it's a shareware (do donate though).</li><li><strong>Size:</strong> Under 20K on every page. (If stuff got added by their staff, I don't know about it.)</li></ol></p>

<p>While the job as a whole was not as smooth as I'd hoped due to the fact that the client and I had very different ideas about pacing, I think they were satisfied with what they got. I also gave them bargain rates. The site was live for over 2 years, then oddly enough, they reverted to what they had prior to the redesign.</p>]]>
</content>
</entry>
<entry>
<title>IDG.net 2002</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000049.shtml" />
<modified>2007-01-01T10:37:29Z</modified>
<issued>2004-11-09T10:15:57Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.49</id>
<created>2004-11-09T10:15:57Z</created>
<summary type="text/plain">idg</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Full site</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>IDG.net / <strong>Contract: </strong>In-house </p>]]>
<![CDATA[<p>IDG.net is (or was) a technology news site that was launched in 1999 to aggregate and repackage contents from other, better-known IDG sites such as MacWorld, PC World, the late Industry Standard and Computerworld.</p>

<p>The IDG.net site had undergone some minor alterations to the look and feel between 1999 and 2002. Aside from those, the site had never had a redesign.</p>

<p><a href="/dsgn/idg/dsp_i06_01.html"onClick="popUp3('/dsgn/idg/dsp_06_01.html'); return false;"><img src="/images/il_dsgn_idg_01.gif" width="114" height="79" align="right" class="imageborder" /></a><br />
To the <strong>right</strong> (click to enlarge) is basically what the front page looked like in July 2002, around the time I started lobbying for a redesign. At the time, I was the Senior Designer/Web Design &amp; Usability Manager (i.e. a one-woman web design department for a $45K salary) at IDG.net. The targeted ares of improvement were as follows:<ul class="listserif"><li>More efficient use of real estate </li><li>Better directing of traffic from front page into main topic pages</li><li>Built-in advertising spaces (no more jerry-rigging and retrofits)</li><li>A see-through topic directory for direct access, more favorable first impression</li><li>Better publishing structure to cut down on editorial grunt work </li></ul></p>

<p>I started with several layout rather than design proposals, in order to separate the look from feel. Once the management, marketing, editorial and tech had fought it out amongst themselves and picked the layout, I came up with two design proposals (see sidebar).</p>

<p>Sucrose passed the approval process with only the most minor changes&#8212;shortening of topic names, addition of &quot;upcoming events&quot; block and color variation in the top 'special buttons'. The Photoshop mockup I made was basically what I was translating into HTML within a week. Should have known it was going too smoothly.</p>

<p><img src="/images/il_dsgn_idg_05.gif" width="175" height="254" align="left" class="imageborder" />The end took a lot longer than one would think. In Fall 2002, A third of the staff (including, happily, me) got the axe when IDG.net was split in two, between Mac Publishing and IDG Communciations. The former decided to get the most out of my 2-month-long indentureship to them by making my severance payout contingent on my completing the redesign in just under two month. </p>

<p>I considered not doing it and saying to hell with the measly severance. But the work would then fall on the remaining crew, and none of them were designers. So I worked myself into RSI, toiled an average of 15 hours a day 7 days a week and got it done. It's a strange experience to completely redesign a fairly large content site completely by yourself. Design, production, testing, ad tweaking, testing, the whole works. By the time deadline came, I was very ready to leave. All they had to do was throw the switch, and the site would be live.</p>

<p>Launch date came and went without the site they'd needed in such a hurry going live. A month later, I saw that my carefully designed and coded site was up, but had been randomly recoloured, awkwardly rewritten, jerry-rigged into oblivion. The platform-browser compatibility was completely compromised. Liquid columns were sure as hell not liquid. Even after the launch, the templates continued to be messed with. 404s started to pop up everywhere, and the 404 page I'd written had disappeared. Within a few months, IDG.net and all its sites were unceremoniously nixed and yet more people got laid off. If it's called restructuring, why does it all seem so disorganized and wasteful?</p>

<p>The moral of the story, I suppose, is that it's never worth it to really do your job at company that can give you neither a great salary, great opportunities nor a great resumé. I may have been a loudmouthed bitch, but I brought with me the written-in-stone freelancer work ethic: I always got the job done. I kid myself that I fulfilled the layoff requirement so the survivors wouldn't be stuck with it. The truth is, I couldn't have walked away because I never leave work unfinished. That attitude pretty much disqualifies me for salaried positions. It's a lesson I intend to remember.</p>

<p><em>*This bonus desktop was expunged after my departure. Uptight much?</em></p>]]>
</content>
</entry>
<entry>
<title>Karthia</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000058.shtml" />
<modified>2007-01-01T10:46:02Z</modified>
<issued>2004-11-15T06:54:04Z</issued>
<id>tag:www.hibernium.com,2004:/dsgn//3.58</id>
<created>2004-11-15T06:54:04Z</created>
<summary type="text/plain">kth</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Proposal only</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>N/A / <strong>Contract: </strong>Proposal</p>]]>
<![CDATA[<p>I like bartering. I think it should come back in style, and I think practices like bartering and good-faith loans use to form a microeconomy that kept a lot of small boats from sinking when times were bad. Bartering is also the sensible mode of commerce for people who have specialized skill but not a lot of liquid assets to spare. Hence, I decided to approach some small businesses and offer to re/design their sites in exchange for whatever they were producing.</p>

<p><img src="/images/il_dsgn_kth_02.gif" align="right" class="imageborder" />One of the first places I went to was a metalsmithy/gallery in the Bay Area. Co-owned by two women, it seemed like a perfect place. Their site was getting decent traffic, but was very much in need of skilled labor. I presented my credentials and intentions and offered to redo the whole thing for a ring. Initially, she seemed interested, then apparently decided it was some sort of a scam. Sadly, most people won't believe you when you offer a good deal with no strings attached.</p>

<p>I did a comp and logo design for them after the favorable first contact, but never got to present them. </p>]]>
</content>
</entry>
<entry>
<title>Held in Iraq</title>
<link rel="alternate" type="text/html" href="http://www.hibernium.com/dsgn/000090.shtml" />
<modified>2007-01-01T10:43:56Z</modified>
<issued>2007-01-01T01:59:20Z</issued>
<id>tag:www.hibernium.com,2006:/dsgn//3.90</id>
<created>2007-01-01T01:59:20Z</created>
<summary type="text/plain">hii</summary>
<author>
<name>hibernium</name>

<email>kaku@hibernium.com</email>
</author>
<dc:subject>Full site</dc:subject>
<content type="text/html" mode="escaped" xml:lang="en" xml:base="http://www.hibernium.com/dsgn/">
<![CDATA[<p><a name="top" id="top"><strong>Client: </strong>N/A / <strong>Contract: </strong>Full site</p>]]>
<![CDATA[<p><em>Held in Iraq</em>, which catalogued individuals taken hostage in Iraq, was a personal project I undertook during the time I took time off from work to get involved in the 2004 Presidential election. While it started as a reaction against snuff sites and right-wing outlets, <em>Held in Iraq</em> was meant to reclaim the individual stories of people from politicization of all stripes. It was also a personal attempt to feel the weight of the lives disrupted by a war whose lethality and Babel's Tower of groups involved stripped the resulting numbers of their emotional heft.</p>

<p>The site was hugely time-consuming. I found that initial news service accounts of hostage incidents were often wildly inaccurate, and almost no follow-ups could be found in large U.S. and U.K. media outlets (unless the hostage was from a developed country and therefore usually middle-class). I used local sources where possible, since those were the only ones who were interested in the fate of a humble truck driver from rural India. I found, as I expected, that the hostages whose names had become a search term were a tip of the iceberg. I did not expect to find so many more under the surface. By the time I had shut down the site, I had catalogued 449 separate individuals, corroborated by at least 2 separate credible media sources, kidnapped between April 2004 and August 2005. These are just the reported cases that made it into news outlets that have some degree of international circulation. The 449 during this 16-month period is the tip of another, even larger iceberg.</p>

<p>There were very few happy moments in working on this site. I remember being absurdly pleased to discover a missing driver of a Western journalist (driver/interpreters are nearly always seized with their Western clients, and nearly always ignored int he ensuing media coverage) among a ragtag group of hostages who were saved when their prison took random mortar fire. I had managed to find his name during the initial cataloging, and there he was after many months, though with a broken leg. </p>

<p>More than any coverage, researching and running Held in Iraq gave me a glimpse into Iraq as the American invasion has made it. The country still exists, but barely meets the definition. It seems held together by a mesh of chaos, an unsustainable state of survival. The project has also added to my understanding of the landscape of global poverty. In working on the site, I saw convoys of working poor from places as far-flung as Turkey, Bulgaria, India, Nepal and the American South, bright lines of hope, desperation and determination to make a living, leading them to Iraq.</p>

<p>I decided to shut down the site when it became clear that the kidnapping industry in Iraq had converted almost fully into a domestic one. With the number of incidents rapidly escalating, low reporting by victims, no reliable statistical authority and little coverage by extra-local media, there was little hope of credible data. I was also being plagued by a very wrong kind of readers, who had found the site despite no attempts at advertising.</p>

<p>Despite the expense, the time and the grimness of the facts, it was a worthwhile endeavor.</p>]]>
</content>
</entry>

</feed>