ha—lf

Design & Development

@mattlenz

Katelyn Aslett 2012

Katelyn Aslett Identity

Katelyn Aslett is a unique fashion designer with an keen eye full of vivid colour.

I felt that Larish Neue by the artisan type designer Radim Pesko spoke with a fitting voice to represent Katelyn’s work and identity. The purpose of this rebranding was to allow garments, which were previously overrun by a billowing and murky logotype, to sit in centre stage.

The identity typeface is supported with considered use of Courier New and oversized Helvetica, and strict use of centre-aligned content in playful balance.

More information to follow.


Capital P. 2012

Capital P.

A venture from the founders of The Letter D, (Mr.) Dan and (Mrs.) Nicole Pike, Capital P is a brave endeavour into shaking Brisbane’s tree of local creators to produce and publish home-grown printable ephemera in the genres of design, art and architecture.

The pieces lean both on the creative talents of The Letter D internally and a variety of creative pockets found wound around the river city.

Capital P.

The task was set to design and develop a launch site, surrounding the visual identity lead by Dan. After a few initial iterations, we soon arrived at the idea of using Capital P's Twitter feed to drive the website content.

Taking the concept of an alive and social site to the n-th degree, we began to toy with the notion of a website completely driven by a transient feed of Tweets, amalgam in an ad-hoc hierarchical structure.

Products (with prices, descriptions and other bits), images, news items, terms, contributor references, and press clippings are entered in to Twitter like a digital typewriter. A stream of content.

Capital P. Capital P.

In execution, I developed a Backbone.js client-side site system that fetches content from the Twitter API and, using a set of hashtag hints, blends the 140-character content elements together into a more rigid structure of pages and panels.

I played with the visual metaphor of the panels collecting and arranging seemingly from empty space. The content boxes on each page shuffle and rearrange in front of the visitors eyes in seemingly fortuitous harmony backed by an underlying modular grid.

Clicking on an individual segment of text within the coloured blocks reveals a modal popup that exposes the underlying Tweet, and similarly serves as a lightbox for image content.

Capital P. Capital P. Capital P.

To complete the experience, this is tied together with a dynamic shopping cart system that integrates with Capital P’s ordering process.


A Voyage of Dreams 2012

A Voyage of Dreams A Voyage of Dreams A Voyage of Dreams

I designed this treatment and developed the rough-and-tumble product website for a South African self-published author looking for a utilitarian landing page.


Bench.li 2010–Ongoing

Bench.li

Born out of the desire to organise and exhibit my growing collection of design references and inspiration as a fledgling design student, Bench.li quickly and surely grew legs of its own, and has now seated itself as one of the established design blogs in continued daily rotation around the world.

Bench.li

After being the sole curator for 6 months, I invited one of my fellow students at the time, Edward Gyngell, to try his hand at contributing, as I was curious about his design style and influences.

Ted and I are now joined by Luke Robertson in our curatory efforts.


The Letter D. Website (iPhone) 2012

The Letter D. Website (iPhone)

The Letter D. website was developed into a web app experience for the iPhone.

The web app serves as a portable portfolio, offering a quick overview of recent projects, as well as a search feature used to dig through the studio’s complete history of work.

The Letter D. Website (iPhone) The Letter D. Website (iPhone) The Letter D. Website (iPhone) The Letter D. Website (iPhone) The Letter D. Website (iPhone) The Letter D. Website (iPhone)

Project completed while working at The Letter D.