As i sat down to re-design my site for probably the sixth or seventh time since 1995 or so, it became apparent that building yet another static site from scratch just wasn’t going to cut it. The same applied to re-populating my printed portfolio with my latest work. Cracking open the old InDesign file and pulling all those photos and complied artwork out of the archives was becoming a major chore with over 15 years of work stacking up.
Since i started dabbling a bit with using WordPress for a dynamic, content-driven site, i thought it might be interesting to see if i could make it work for more of an “archival” site such as this.
It took some tinkering, but i think i figured out a way to make it work. Below is a random selection of case studies spanning the full breadth and depth of my portfolio. This will keep the landing page dynamic and constantly changing. You can click through to read them, but you can also use the menus to the left to explore all of my posted work by business sector or by work category. This gives the audience (that would be you) the ability to navigate vertically or laterally through my work, with a random option as well.
The beauty of this format is that all of the content is here in a database, and it’s now completely separated from the look and feel of the site. When it’s time to freshen up the look, it’s a matter of just updating the templates or applying a new theme, and it’s done.
There is something nice about presenting a printed portfolio of work… seeing a career’s worth of work collected into one book is quite gratifying. But the time investment vs. the return on that investment didn’t seem to make sense any more. Yes, i’ve invested a HUGE amount of time getting this latest site redesign up and running, but it’s an investment that should pay off down the road as future updates will be almost trivially easy.
Besides, this also gives me an excuse to buy an iPad to present my portfolio. 😉
Check back soon for more changes and updates, and feel free to drop me a line!
Standard & Poor's
Investment portal hosted application
In 2003, i worked on an interesting project with a small but outstanding team. We were flown in to assist with the front-end development on a financial services application that was being developed for Standard & Poor’s in Capgemini’s development centre in Lower Manhattan.
I worked as lead designer on a tactical team with information architects and coders, to deliver the user experience for a complex and powerful hosted investment management application which S&P was planning to white-label and sell to their customers – financial services operations whose investment activities were not their primary line of business – to use for managing client assets and linking S&P research with a wide range of investment products and services.
Reactor/GWP Brand Engineering
Delta Hotels is one of the largest hotel management companies in Canada, and as they grew, they saw a need to update and refresh their brand and visual identity to better reflect their aspiration to be the best of the mid-tier segment of the hospitality industry. In addition to designing the identity, we applied it and the new visual language to everything from signage to advertising and printed collateral, loyalty programs and all the miscellaneous amenities you encounter in a hotel… matchbooks, bathrobes, soap and shampoo… if it could be branded, we did it.
Grocery Gateway, Inc.
Reactor/GWP Brand Engineering
The brief for this project was interesting. The branding agency’s research showed that people liked the tangible elements of shopping for groceries. It was the logistical problems they didn’t care for… getting to the store, loading the kids into a cart, carrying bags, loading up the car with the bags (and the kids) and unloading it again once they got home. And those are the people with cars. Those stuck using taxis or public transit – or those unable to get out at all – faced even greater challenges.
Grocery Gateway’s revised positioning was to be more like a traditional grocer that just happens to be Internet-enabled. Every effort was made to have drivers work the same delivery routes, so you see the same face every time, helping establish that personal relationship between consumer and the grocer at the most critical touchpoint. The only difference being the consumer no longer has to physically travel to the store, and can now shop at home (or at work), at their leisure, any time of the day or night. Naked.
The refreshed visual identity features a cheerful delivery van (nicknamed “Little G” by the folks at Grocery Gateway) bouncing over the horizon. The bright colour palette and expressive illustration were designed to express that moment of joy when the groceries are delivered. Ten years later, it still feels fresh and fun.
Outside Design Build
When the owner of a small-but-growing landscape design/build company approached me for a new visual identity, he stated his goals were to differentiate himself from his competition, and to potentially target a slightly more upscale, sophisticated clientele.
He already had the name, business cards, and a simple website, but none of it was working together, and it fell into the all-too-common-for-the-marketplace “green” aesthetic. He wanted something different, that set him apart in his creation of beautiful, livable, and sustainable outdoor spaces.
After doing a competitive audit to see what else was in play, it became clear that for true differentiation in the landscape sector, we had t avoid the conventional thinking and clichés that pretty much defined an entire market.
Rather than focus on the execution – trees, flowers, decks, fences, stone work, etc. – a more conceptual approach was taken that focuses more on the creative process.
The symbol and colour represent unconventional, uninhibited, “outside” creative thinking. Colouring outside the lines, with the company signature “O” formed in the negative space. The warm and vibrant orange colour was chosen as a direct contrast to the blues and greens so often seen in the landscaping business.
The result is a bold and distinctive identity that supports and communicates the Outside brand: Outside spaces and outside creativity.
The tagline, “Spend more time Outside” was also developed to draw more attention to the company name and the play on words. Both horizontal and vertical lock-ups of the identity were created to allow flexible placement on vehicles, equipment, uniforms, and lawn signs.
The results were immediate and powerful, with many sightings, recognition, and recall of the company truck in High Park and Bloor West Village within days of the new image hitting the streets.
The client couldn’t be happier, and that’s the best result of all.
Brand, visual identity, integrated marketing and product design
In 1988, i was a teenager obsessed with guitars. (I had always been more interested in the instrument and gear than in actually learning how to be a proficient player.) A friend told me about a guitar shop in Toronto that occasionally offered courses in guitar construction. I followed up on that tip and enrolled in a 10-week course to build my first guitar. I was hooked.
But being on a career trajectory to be a graphic designer, it was too late in my high school career to switch directions, so building guitars was a dream that would have to wait. In the intervening decades, i continued to refine designs with the hope of eventually building again once i got access to a shop.
In 2009, Decibel Guitars was launched.
Things are off to a slow but steady start, and the designs have been very well received. You can read (and see) more over at the Decibel Guitars website.
Decibel has also been an opportunity for me to exercise the power and potential of social media, with active Facebook and Twitter content driving traffic to the site and acting as open, two-way conduits of communication between myself and potential customers.
"Caramilk Secret" identity/mnemonic
At Reactor, we had the pleasure of doing a lot of collaborative work with various agencies. One assignment that came in was to develop a mnemonic device or visual identity that could be used in campaigns that centred around “The Caramilk Secret”. After a few rounds of creative exploration, this is what we ended up with. The agency Photoshopped in an actual Caramilk square over my illustrated version, but other than that minor change, this iconic symbol is still in use over a decade later, appearing in TV and print advertising, point-of-sale promotional displays, online contests and packaging.
BlackBerry theme design, BlackBerry theme design
I’ve been interested in design for small screens for quite a while. The resolution and user input constraints have always presented unique challenges from a design and user experience perspective.
Of course, as screen resolutions, graphic processing power, touch screens, alternate pointing devices and full QWERTY keyboards have become increasingly common, many of those requirements and limitations have been eased (or eliminated altogether) but new input methodologies have also meant new challenges and new UX paradigms that need to evolve to address the ever-changing state of human-computer interaction.
When RIM moved more into the consumer space with the introduction of the BlackBerry Pearl in 1995, i took interest. But it wasn’t for a couple of years that i started delving into theme design for BlackBerry handhelds for my own personal use.
My first run at it was heavily influenced by the iPhone’s user interface, but i opted to not use any Apple intellectual property, unlike other theme designers, who simply cropped icons out of Apple screen shots, and most other elements fell short of the same level of polish.
The visual language i began with glassTile prompted me to expand it out into a cleaner, original theme family that ended up with three “metal” variants as well as red and pink themes based off the same iconography. These were made commercially available and they were purchased by several thousand happy users.
glassTile home screen
glassTile second-level screen
glassTile menu detail
glassTile dialog and button detail
ultraClean Tungsten home
Dialog and button detail
The themes were all based around the same concept of having a “horizon line” splitting the screen into defined areas. There is a clean “status bar” at the top, showing signal and battery strength, carrier info and small icons for secondary functionality such as Bluetooth. The “dashboard” area above the horizon line features a prominently positioned clock in a modern, flush-left position, as well as date information and the profile icon.
These themes were, of course, based primarily on my own preferences for information hierarchy, but it felt completely natural and intuitive. The position of the horizon line was designed to allow consistency of the menu bar and dashboard on subsequent screens for phone lists and in-call displays.
The revitalization of the tourism industry in Niagara-on-the-Lake is the stuff of Canadian business legend.
But over a decade after the infusion of new investment into the region began, the pace began to falter somewhat, and new management at Vintage Inns realized that the bulk of their marketing and branding dollars were being spent promoting the town and the region, which was good for business – all business, in fact, including their competitors in the hotel and B&B space.
The new brand image for Vintage Inns – which left the identity and character of the three landmark hotels intact – brought new focus to the level of detail and individuality in the experiences people could find there. Fashion-inspired photography, experientially-driven copy and premium printing resulted in a collective warmth and sophistication that was previously lacking in their branded materials.
Targeted radio and print advertising sought to bring people in the GTA back to Niagara-on-the- Lake for unique experiences and quick escapes.
The online experience was re-vamped, giving more direct access to the reservation engine, while targeted banner advertising, e-newsletters and partnership programs helped drive new traffic to the site.
- i❘money Corporation
Branding and User Experience
The year was 1998. The Web had been around for all of about 5 years, and the Internet Gold Rush was on. A plucky team of innovators, funded by now-billionaire financier Gerry Schwartz through Bayshore Capital, started up a venture called FSDirect in an effort to launch one of the first independent financial services sites in Canada.
Reactor was called in to contribute to the user experience of the first generation of the site, and along the way, we managed to land the branding assignment as well. (… or was that the other way around?)
Keep in mind that 1998 was pre-iMac, pre-iPod… pre-iAnything, really. Truly groundbreaking! (You can thank us later, Mr. Jobs… just send the royalties to the following… but i digress…) The i❘money brand lasted through several iterations of the site design before it was folded into another financial services site in 2000.
It was very innovative at the time, and even bested the efforts of many of the major banks, who were taking very tentative steps into the online consumer investment and trading world. Alas, the screenshots of the i❘money interface design have been lost to the ravages of pixel erosion. Besides, they were so ’90s!