Portfolio

I'm a designer who writes code. I love typography, grids, colors, photography, finicky UI quirks, advocating for users, validating design decisions with research, HTML/CSS — and I live for the moments when all of these things work together to solve a real problem. If you think I can help you solve your problem, drop me a line at .

inRoads

inRoads

Role
Designer, HTML/CSS Developer
Tools used
Photoshop, Atom, 3x5 Notecards
Technology stack
LAMP
Project summary

A powerful example of data visualization, empowering the public to see road closings, days or even weeks in advance.

Case study on inRoads
City of Bloomington IT Applications

City of Bloomington IT Applications

Role
Designer, Front-End Developer
Tools used
Atom, Google Slides, Photoshop
Technology stack
Apache Struts, LAMP, Gulp
Project summary

The City of Bloomington ITS team creates several new business applications for use by City staffers every year. I gave some of these applications a visual overhaul, and designed UI documentation and a pattern library for use with new projects.

Case study on City of Bloomington IT Applications
Moderate Paleo

Moderate Paleo

Role
Designer, front-end developer
Tools used
Photoshop, Geany
Technology stack
WordPress / LAMP
Project summary

This project was a fun opportunity for me to get out of my comfort zone, and try something new. Food has always been a creative outlet for me. When a friend asked me to design a WordPress theme for a food blog, I was excited at the chance to find inspiration in some of the beautiful cookbooks and food magazine spreads I’ve admired over the years. This project is much warmer, and more inviting than most of my other work–in everything from its color selections, to its typography. I wanted to make a statement that food isn’t just a source of nourishment, it’s a source of happiness, too.

The Combine 2011

The Combine 2011

Role
Front-end developer
Tools used
Illustrator, Photoshop, Dreamweaver
Technology stack
LAMP / WordPress
Project summary

This was one of my most challenging HTML/CSS projects. When I first met with designer Kurtis Beavers to work on the website for The Combine 2011, he was nervous. “I don’t think this design is going to work,” he said. The design made use of repeating patterns, which had to exactly match up with imagery that served to transition from one pattern, to the next. This proved challenging to implement, but not impossible–and I don’t like backing down from a good challenge! In the end, the site was praised by Smashing Magazine for its “slick HTML and CSS”.

Distantly Yours, Version 6

Distantly Yours, Version 6

Role
Designer, developer
Tools used
Inkscape, skEdit
Technology stack
LAMP, TextPattern
Project summary

The version of this website I launched in 2005 helped me land my first day job. In 2008, looking for a new job, I launched a redesign of the site—but not the usual kind of redesign. Instead of completely reinventing the site, I iterated it, taking the themes explored in the previous version to much greater lengths. It let me focus on refining the fundamentals of the design. It was my first design project to use what I call a “syncopated grid system”, in which the gutters are wider than the columns. It was also a deliberate experiment in using whitespace instead of borders, breaking with popular design trends of that time.

Venterra Realty

Venterra Realty

Role
Designer, front-end developer
Tools used
Photoshop, Dreamweaver
Technology stack
LAMP, in-house CMS
Project summary

The Venterra Realty website is my favorite website from my time working at Resite IT. We had the benefit of a client who shot big, beautiful photographs of their properties, giving me some wonderful design material to play with. From there, I designed the layout around the photographs, giving the site a warm, yet intriguing tone.

St. Andrews Apartments

St. Andrews Apartments

Role
Co-designer, front-end developer
Tools used
Photoshop, Dreamweaver
Technology stack
LAMP, in-house CMS
Project summary

My favorite work happens when I feel like I’m making a difference for the better. At my first job, our process was for designers to craft homepage mockups, receive client input, and iterate, until we arrived at a design that fit the client. After that, we used the homepage mockup as a foundation for creating content pages, dropping cookie-cutter components into each page. This process helped us roll out sites quickly, but our cookie-cutters eventually grew old. On this project, one of our designers created a gorgeous homepage design for the client, and some recent upgrades to the company’s in-house CMS gave me an opportunity to make something better than our old cookie-cutter pages. Here, I took one of our more common pages, the photo gallery, and gave it some accents that complimented the spirit of my coworker’s fantastic homepage design.

RPS Dining Guide

RPS Dining Guide

Role
Designer
Tools used
InDesign, Photoshop
Technology stack
N/A
Project summary

In addition to interactive, online design, I also have some experience working with print design. In my first year as a student at Indiana University, I got a part-time job designing marketing materials for the university’s Residential Programs and Services (or RPS). Having lived in a dorm that year, the subject matter of dining halls at IU was very relevant to me, and I was drawn to the opportunity to visually explain to the next year’s students where they can go to find food.