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!
- 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!
Procter & Gamble
Crest Whitestrips advocacy marketing campaign
How do you create a promotional campaign for a product that’s difficult to sample? Create a grass-roots “consumer advocacy” program to get people to try the product and talk about their experiences with their peers.
Crest Whitestrips is one of those products that does not lend itself well to sampling, because results are only seen over a longer period. Therefore, knowing someone who has tried the product and liked it can be an important factor in the trial decision.
In developing the program, we researched potential partners, and discovered an excellent fit with Curves fitness clubs. Their members were in the right demographic for the program, but more importantly, they were people who had already made a commitment toward self-improvement, and according to P&G’s research, the target consumer for the teeth-whitening category in Canada was more interested in whitening to feel good about themselves than simply a cosmetic improvement.
We created a program in partnership with Curves to turn in-club advisors into product advocates. Each club was given sample product for the advisors to use, along with posters and newsletters and a $10 off coupon for product trial. The program also included branded apparel and an advisors manual with tips on how to engage members in conversation about the Crest line of whitening products.
The program was very successful and was renewed and expanded for a second year to include a Crest-sponsored a makeover contest for the Curves member with the best story about how having a great smile made a difference in their life.
Lavalife (Canada’s top online personals site) was also brought on as a partner as it represented another opportunity to speak directly with targeted audiences who were also engaged in life-changing activities. Crest sponsored the “send a smile” functionality within Lavalife, as well as a “Smile of the Month” contest with product prizing and a grand prize of a cruise. Targeted banners within the Lavalife environment also directed users to sign up to receive a $10 off coupon.
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.
Ontario Ministry of Health and Long-Term Care
ePhysician portal concept
Capgemini was preparing a joint pitch with HP in response to an eHealth initiative at Ontario’s Ministry of Health and Long-Term Care. As part of our response, visual mockups were created to present a conceptual framework of potential functionality and user experience, as a way of framing discussion and opening dialogue with the client. While integrated records management has still not been implemented in the province, this concept shows some of the power and potential of an integrated approach.
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.
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.
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.
"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.
DRM creative and strategic concept
Working closely with Capgemini’s Digital Asset Management consulting group in 2003, i led a creative team to collaborate and brainstorm over a couple of days to develop scenarios and storylines for a future media landscape 5 to 10 years into the future, specifically geared around consumption of media and how digital asset management (and rights management) technologies would play a role.
We developed a set of scenarios that touched on video, audio and printed media in a world with pervasive high-speed wireless networking, and where consumer media is accessed from the “cloud” rather than stored locally. (This was years before the concept of “cloud computing” would have been considered even remotely viable.)
We came up with a name, a visual identity, and mocked up several user interfaces that showed how media would follow the user and adapt itself to the context in which it was being played back or viewed… everything from desktop computers and mobile devices to home theatres and automotive systems.
The opportunity to stretch out and explore the thin edge was very exciting, and the scenarios gave the sales team something concrete which they could take out to clients and demonstrate our thinking.