Uncategorized

Fin II

IMG_8318

IMG_8338

IMG_8749

IMG_8802

IMG_9262

IMG_9273This piece I created during the Angeles National Forest Artist Residency program I participated in during the Summer and Autumn of 2016. These photos show the piece from raw oak to finished work. The wood is oak from the same area where I worked on the piece near Crystal Lake.

MultiChem Field Calculations mobile app

Using my powers for evil

I accepted this contract assignment without knowing who the eventual client was, a strategic move on the part of the agency based on what I believe was their experience with other designers who would rather not work for the petrochemical industry. I wasn't super excited to be working for big oil, but the project was intriguing. They wanted an app that was more than what seemed to be the trend in those days, glorified brochureware in an app wrapper. They wanted to build a tool for their reps in the field that would allow them to do complex and very specific calculations regarding the performance of their products as applied in real world situations. There was a significant math and science aspect to the tool that I found exciting to work with.

 

I had to design a modular system that would support a wide range of equations and factors with a simple interface that was easy to understand and use. My understanding of the math and science behind the equations was critical to my being able to execute on the task successfully. Looking at it now, the interface does feel very 2008, but there's some thinking and information architecture there that I'm still quite proud of. One of the things I really like about some contract assignments is the ability to play a one-man team: assessing the request, making a plan on how to solve the problem, and then getting my hands dirty designing.

I understand that in the intervening years the company was absorbed by Halliburton, so who knows what became of my pretty little calculator.

Icon animations

Timing is everything

The icon set for Green Dot's web presence was full of difficult and abstract representations of banking functions like “direct deposit”, “bank transfer” and “fee waiver”. When I was assigned to bring some life to the icons, I chose to focus my energy on the ones that already had a little life to begin with : "piggy bank", "alarm clock" and others that suggested motion.

I'm an old Flash guy from way back but as that technology falls from favor in the industry I've been glad to see that Adobe is teaching their old dog new tricks : it is now possible to create complex and subtle vector animations in Flash as always, but output to a tiny little JS file that runs right in the HTML of the page. As long as you keep things clean, the JS file is usually under 10k, and it's amazing what you can do with 50k.

Bye bye, SWF.

 

The animation was in some instances to work in conjunction with background video that set a very personable tone to the pre-login experience. There were also other little moments within the deeper content of the site where things spring to life.

“Othello” one sheet for Mosaic Lizard Theater

There has been some amazing design rendered in service to this work. As I was researching I came across a dozen genius poster designs that touched on the full breadth of thematic elements in designs that ran from straight forward to downright obscure. Here's a brief rundown of the source material if you're interested.

The problem then was which to choose which ones to focus on in my designs. I though the strawberry (from the embroidery of Desdemona's handkerchief) had interesting visual potential. The concept of betrayal seemed like it might suggest some interesting visual juxtapositions. There is the racial issue and of course blood for some nice color opportunities.

I did one more daring layout (considering the audience) with a design magazine vibe which was mostly just for me and a number of more classic treatments using some public domain imagery and some nice type.

 

The type ones all had different under-printing textures back behind the black. Some were ornate, baroque borders, others had wallpaper-like patterns, one I tangled with hand-drawn filaments and webs interlacing the letters.

 

The director chose a slight variation of the second one from the left. Straight forward, classic and simple.

GoBank desktop web home page

A home page with a story to tell

GoBank is a feature-rich digital checking account targeted at tech-savvy millennials who prefer to avoid the high fees and requirements of traditional Big Banks. The account featured budgeting tools, person-to-person transfers, online bill pay and other basic features, but also had more fun features like the "fortune teller" that analyzed current balance, expected deposits and known bills to give spending advice on big purchases.

This acquisition-focused landing page ran down basic account features in a fun, dynamic way. Page modules include a top section focused on social interaction, a section showing the fun possibilities of your custom image card, mobile check deposit and more, all with a persistent drive toward account sales.

T-Mobile financial services & account management app

Minding your money and your minutes on your mobile

In 2015, T-Mobile was considering adding a financial services component to their existing pre-paid cellular and data accounts. The idea was to issue pre-paid debit cards that would allow customers to manage their money and their minutes all in one place.

These app screens show the full user experience from pre-acquisition to onboarding to account managements. The account management features focused on ways to tie your minutes with your money to purchase minutes when a certain threshold was reached, set up budgeting alerts and integrate notifications for all aspects of the account.

My designs leveraged the existing T-Mobile visual style expanded to a full user interface. I conceived the "bot" concept for automation and notification engines as well as the primary "T-Money" concept.

TwoTone Productions logo design

Concepts for a music composition and production team.

The core concept these two musicians wanted to capture was the new sound that is born when they work together on a project. The product is neither one nor the other, but a sound unique to the collaboration. At the same time, the roots of each of their musical influences can also be heard within their compositions. Various European musical traditions blend with cinematic elements and contemporary electronic techniques.  They wanted a logo that felt vintage, but that also acknowledged the now.

TwoTone1 TwoTone2 TwoTone4TwoTone3