Matt Titchener: Portfolio

Rain Snow Shine—Event Planners

August 2010

This was a design and branding project for a local start-up Event Planner. The brief was for the site to be punchy but not overdone; catchy but not cliché.

Technique: More Logos and Branding

Various dates

Various logo designs for personal projects and clients. While simplicity is often touted as being the immediate aim for many a design, I believe the clarity is a better description. I designed these two logotypes with that thought in mind.

The Avid—Things to Do Before You Die

September 2005 | Visit the staging site

The Avid was conceptualised by me as a magazine-site for people searching for “things to do before I die”. Presented here as a proof-of-concept, the site was to be a source of all things fun and adventureous; one day swimming with bioluminescent algae, the next constructing a remote-controlled helicopter...

Pocket Door EZ-Closer from PC Doors

December 2009 | Visit the live site

This single-page site was the result of three weeks colloboration with the owner of PC Doors. The client was particularly keen on this clean and simple layout; interesting enough to appeal to architects, construction workers and amateur decorators alike. Post-production video and Instruction design were both part of the project scope.

Boxes and Arrows (high-fidelity mock-ups)

November 2005 | Visit the live site

After winning the Boxes and Arrows redesign competition with Alex Chang, we set about fulfulling the real-world contract. These are the final mock-ups Christina Wodtke and Liz Danzico signed-off on.

Point B (SharePoint redesign and Style Guide)

November 2007 | View full Style Guide

This project entailed not only designing an appealing theme for Microsoft SharePoint, but also the development of an comprehensive style guide to aid implementation.

Tor: Anonymity Network (UI mock-up)

July 2006 | View the competition entry

A competition design that won “most aesthetically pleasing” entry. Designed for Windows XP, the aim of this particular entry was to represent the state of the Tor connection through dynamic visual feedback.

Reading Scheduler (stand-alone Web UI)

March 2009

This user interface was used for a reading schedule site, but is presented here as a stand-alone Web interface. Great emphasis was placed on the usability and clarity of the UI, while maintaining the functionality required by the client.

Technique: Grey Boxing

A collection of ‘grey-boxed’ designs. I use this technique to develop layouts independently of other pressing design aspects. This method is particularly useful when working quickly, as it serves to reduce the large number of distractions that can creep into a workflow (e.g. what colour should this be?). I have even gone so far as to show grey-boxed concepts to clients (those whom I thought would “get it”). More often than not, it saved considerable time in the design phase.

Technique: IA, Wireframing and Workflows

June 2009 | View wireframe example document (PDF)

These wireframes and process diagrams were produced for an internal project at Bibles for America. While some management methodologies shun such in-depth specifications, we felt due the remoteness and inexperience of some of the team, developing these diagrams would keep us on the straight-and-narrow. I also found that such detailed wireframes and process diagrams essentially became the functional and technical requirements, and gave management huge confidence in the project.

Technique: Sketching

While I grew-up drawing, sketching and painting, Web Design has taken over my life for the last 10 years. Presented are just a few of the sketches I currently have scanned.

I find it useful to not only be able to push pixels around a screen, but be confident with a brush or pencil in my hand. I would go so far to say that every Web Designer needs to learn—really learn—how to draw, paint and sketch effectively.

Technique: Logos and Icons

Some of these logos were produced for fun, some for clients. In my mind, the best logos are ones that carry both a fantastic aesthetic appeal, coupled with one, or even two, layers of meaning.

The television icon was produced from scratch in Adobe Illustrator, as a way to keep my eye-in. I'm sure there will be more to follow...

Amateur Photography

I mean, who doesn't like taking photos? I've never really had the time or money to get hugely professional about it all, but very much like pointing my camera in the right direction to see what might happen. I even had fun in the good ol' film days.

Beauty is no quality in things themselves: it exists merely in the mind which contemplates them.

—David Hume