Archive for the ‘Work’ Category

Workable – not a word, but a web app.

Posted on July 4th, 2010 by emdash in Reviews, Work

Like (I suspect) a lot of freelancers relatively new to the working world, I often struggle with setting and recording tasks for myself. This problem was exacerbated when the Pixel Foundry was formed… suddenly tasks and goals had to be shared between 2(+) people.

Now, I don’t really like using little cutesy apps for my task lists. I find I have an initial liking for the software, then gradually use it less and less until I’m back to writing To Do lists in my ubiquitous sketchbook.  Let me go over some simple things I’ve tried for project/task management:

1. Writing To Do lists in my sketchbook. I keep reverting to this like an old, old friend. Recently, I mistakenly left my sketchbook at a clients’ in North Van, and was unable to pick it up for a week. Obviously this system has flaws.

project management the old fashioned way

2. To Do lists in iCal. This works very very well ‘cos I can set reminders in iCal as well as deadlines, colour code categories, etc. iCal’s printed lists of weekly tasks and events are, easily, the best I’ve seen for free or OS software… they’re formatted, attractive, and readable. However, iCal will sync events to your iPhone, but not the To Do list. This needs to be remedied before the iCal app becomes useful to me.

3. EasyTask. This is an iPhone app I installed once I realized my poor iCal To Dos were AWOL on the iPhone. It gives you a great sense of satisfaction to be able to press a huge red (COMPLETE TASK) button. Like iCal’s To Dos, it lets you set deadlines and categories. This is probably the best of the iPhone (free) apps I tried for tasks. However, it’s on the iPhone only (for free), and my phone likes to run out of batteries. Clearly, I need a solution that works on more than my mobile device.

4. Various trials for paid software. I have a real aversion to paying for things, I have to admit. Hence my love of open-source code, bars without cover charges, and tasting samples at Costco. Of the paid software/systems out there for project management, the Action Method looked the most promising (for those of us who love paper and hate trees, they offer printed notebooks and pads that use the method.) Since my track record for actually using these things is pretty sad, there’s little to no chance I’m actually going to pay for task management software.

5. A whiteboard checklist. This is actually in use at one place I’ve worked at… similarly, this office didn’t accept that emails are better/more efficient than faxes, that computers have to be newer than 5 years old to run new software, and that floppy disks really weren’t the best way to backup data. I think I might’ve convinced them to switch to iCal, however.

Lately, I’ve been trying something that seems to work for me. Most importantly, it also works for Kelly and the Pixel Foundry. It’s Workable. That’s the name of this web-based project management software, currently in beta.

(more…)



E-newsletters: Dos and Donts.

Posted on June 18th, 2010 by emdash in Tutorials, Work

I’ve been working both in-house and with advertising agencies/companies to produce e-mail newsletters for a while now. Sometimes I’ll be working from an existing template or graphic standards, or a layout file, and simply write the code for the e-news. Other times, I’ll be designing as well as coding. Either way, there’s a lot of little technical things to keep in mind when producing an e-newsletter. In this article I’ll try to outline what I’ve learned, and I hope it will help you if you have to produce your own! (If you’re gonna send junk mail to your customers, at least do it right.)

(more…)



The trials and tribulations of royalty-free stock photos

Posted on June 14th, 2010 by emdash in Work

Recently, I was approached to create a website for a new staffing & events planning company. Because the staffing/events division is brand new, they didn’t have any existing photos to demonstrate their services – the site also didn’t have a lot of content – and they needed images to help flesh out the site.

They also had barely any budget for stock photos.

I’m getting frustrated with the photos on the old standby, istockphoto.com, and decided to try an alternative. I went with bigstockphoto.com for inexpensive, royalty-free photographs for the project. I find that site easier to look at than istock, and on the surface, the quality of photograph generally seemed higher.

Well, I found the perfect image for the front page of the site. Or at least, it was perfect in my head… in reality, it needed a bit of post-production work.

Bigstock Photo #2867129

I knew how I wanted the image to look, and this was the closest thing I could find to an image featuring helpful, happy, friendly and professional staffing. The price was right for my client, so I went ahead and bought the image.

I did notice a bunch of stuff once I got the high-resolution version. This photo is actually two stitched together: the pretty girl in the foreground is pasted over top the out-of-focus people background. This isn’t a problem as such, since the depth of field is faked well enough in this photographer’s work that you won’t notice it’s actually two images. However… the girl was cut out of her own photo in such a way that she’s got a white halo.

bigstock: photo issues 01

Naturally, I had to go in and fix this. Not just because I’m a perfectionist, but also because the image was going to be fairly large on the finished site, and the white outline would be visible!

Then there was the girl’s outfit. On closer inspection, she wasn’t wearing business at all… she was in a black corderoy fashion jacket with brass features, and a skirt more suitable for a nightclub.

bigstock: photo issues 02

Okay, so the skirt had to be lengthened, and that side lacing had to go. (I ran out of time, but if the project had more budget and a friendlier timeline, I’d also have fixed her salon-length fingernails and eliminate the sleeve zippers.)

Lastly, the corporate colour for this staffing agency is a businesslike royal blue, not red… so those folders had to be recoloured.

The finished website

All in all, the changes made to the image were perhaps subtle to the average viewer, but they made the difference between an obvious stock photo and something harmonious with the website and the company image.

The moral of the story? Stock photography is a matter of getting what you pay for. In this case, a lower budget meant I used a photograph that needed a bit of work to bring it to an appropriate level… however, a good designer/production artist can make this happen.



Temporary business cards

Posted on May 28th, 2010 by emdash in Pixel Foundry, Work

What can you do, when you have a networking/business event to go to, but you don’t have your business cards yet?

Kelly and I had this challenge, since we’re awaiting active phones before printing our Chestnut St. Pixel Foundry business cards. But I didn’t want to attend the Freelance Camp (the first of its kind in Vancouver!) without having business cards in hand. I mean, who’s going to remember our long (yet wonderful) company name without a piece of cardstock to remind them!?

Image: temporary Pixel Foundry business cards

Enter the temporary business card. They’re thrown together using Avery perforated paper and printed on the office inkjet. We designed them to look last minute… indeed, that’s the point. (I had a vague notion I should probably handwrite them all individually, but decided I wanted to sleep tonight instead.)

Note: That phone number still isn’t active, and won’t be until sometime next week. In the meantime, though, you can email me at that email address. If you really want to.

I’ll be sure to report back on Freelance Camp and tell you how it all goes! I’m looking forward to the event.



cspixelfoundry.com launch

Posted on May 18th, 2010 by emdash in Pixel Foundry, Work

Few things are as satisfying – to a small business – as getting your own website launched. Like business cards or a physical office space, it lends credibility and a feeling of being “official.” Chestnut St. Pixel Foundry was looooong overdue for a site that was more than just a mailing address and meta tags… and finally, we’re live!

I’m going to offend a few people I know by informing you all that I, personally, cannot stand the web 2.0 aesthetic in web design. At a certain point it crossed a line from friendly and easy-to-use to simply insulting the intelligence of the user. I mean… 24 point type telling me to login just makes me feel like I’m being unnecessarily babied… and I don’t like it. I also feel the excess gradients, reflections, etc are going to look pretty dated in a few years, forcing another redesign/refresh of the site… I like classic and timeless design that carries a business or organization through any period of time.

So, web 2.0 was out for the Pixel Foundry’s website. Instead, we looked to Victorian inspiration: scrapbooks, photo albums, wallpaper and decor, etc. We came up with the idea of using a page for the background… a literal interpretation of the website as a page of information.

There was a lot of technical stuff here to solve. Earlier versions of Internet Explorer hate transparent .pngs… but there are still people out there unfortunate enough to be using IE6. The paper “page” background takes a while to load, and until it does, the site doesn’t look right (this was resolved with a “loading” script that wouldn’t display the site until the page was finished.) We wanted to feed JUST ONE post at a time from our tumblr but tumblr’s default embedding script is fairly inflexible.

We took a bit of liberty with facebook and LinkedIn‘s logos… which I think is fine since almost everyone else does it too. There’s probably as many graphic variations on the facebook icon as the rss icon.

My favourite though are the vintage-looking pictures of Kelly and I. I was tempted to add more members of the team (eg. Leeloo and Godiva, my two black cats) with similarly-treated photographs, but held off ‘cos that would just be silly. And of course our website is 100% serious.

Next step: iPad version.



Flash file size optimization for ad servers

Posted on March 2nd, 2010 by emdash in Tutorials, Work

I love having the opportunity to work on projects for Granville Island, a unique shopping and cultural destination near downtown Vancouver. For the holiday 2009 season, I built the online advertising campaign: “Spice”, designed by Saint Bernadine Mission.


(click to view the interactive ad)

Working within the file size limitations of online ad servers can be a challenge, especially when you have a campaign that relies on images and interactivity to get its point across. These Flash-based banner ads had to showcase 6-9 products, enlarge on mouseover, and scroll side to side… and they had to have a final .swf file size of less than 40K each.

In this article, I’m going to share some of my tricks for optimizing Flash banners for ad servers.

(more…)