Icon design challenges a designer in three main ways–

• You need to come up with the essence of a particular idea, much like the process of creating a brand
• The icon needs to reflect the surrounding user experience and any interactive qualities it might have, and
• You are often working in impossibly small dimensions and restricted colour spaces.

It’s these main challenges that really appeal to me as a designer. It’s been quoted that design is a process of overlapping constraints until the final design reveals itself and the design of icons is a pretty pure example of this.

I’ve decided to launch a personal site + blog to run concurrently with offbeat studios. It will be more dedicated to general design observations rather than interaction design specifically.

http://peterchlebak.com

And a Short and sweet portfolio

http://cargocollective.com/peterchlebak

View the brand guideline document for this project here.

There are two types of cycle commuters. Those that like to overtly advertise their practice, and those that consider it a normal part of getting around. If you fall into the latter category, you might find it difficult to find cycle wear that is both functional and low key.

Enter Rapha, a UK based company. While they have their roots in bike races such as the Tour De France, there’s no overt spandex or splashy logos. Instead you’ll find classic materials like merino wool and thoughtful but minimal features like reflective arm bands.

I for one love their tweed softshell jacket. But be sure to check out the rest of their offerings.

From an interaction design standpoint, it’s a great website as well.

Why document?

1. Showcase Details.

As designers we are responsible for being obsessive over details and we are the only ones who truly understand how details can impact a project. A positioning shift to the left or right as we know can dramatically change click through rates and affect the outcome of a project. We need to call attention to these visually small, but functionally big ideas when sharing proofs with the stakeholders.

The Stakeholder
The stakeholder doesn’t have the capacity to care for all of the details on a project. They actually rely on more detail oriented people (supposedly us) who in a perfect world ensure every element reflects the project in some way. As managers, stakeholders will most likely have multiple projects on the go so they always need contextualizing to help put their thoughts on your project.
Notes like “See attached screenshot where I’ve updated the button on the top right” can go a long way to get their brain back on your projects.

2. Impart Interactive Design

Although we act primarily as visual designers, we are also interactive specialists. As such we should be thinking about how things work as we design, and contribute thoughts accordingly. When time has been budgeted, we can use prototyping methods, where we isolate a particular interactive element and roughly script/code in behaviours. But we don’t always have the time to build out a flash file to show how every button might operate. A more time effective solution is simply add few notes on interactive behavior.

Also be sure to check out the great collection of imagery that informs and inspires the collection at the shop here.

Websites

	Revelstoke Premium Properties website revamp » Leveraging the flexibility of the Ubertor Content Management System, Offbeat consulted this real estate agency to get the most out of their website with a top to bottom revamp.
	Vineyard Collection website revamp » The Okanagan Group’s Vineyard Collection offers premium properties in sought-after BC wine country. In anticipation of a hot summer season, Offbeat provided a site refresh focused on the lifestyle aspect of the properties, and a corresponding newsletter design.

Brands

	Starbott Commmunications » Starbott Communications is a Vancouver-based company specializing in technical writing for the professional industry. Offbeat worked directly with the principles to come up with a brand that balanced playfulness with business.
	Ending Violence Association of BC » Coming from a recent name change, EVA BC needed a new brand identity to cement their newly established identity. With a highly collaborative effort, involving communications staff and directors, Offbeat guided the logo development process and designed the resulting mark. To impart a humanistic element, a subtle face profile was worked into the graphic