Color Setting

RSS Feed

Projects

I’ve had a privileged career working with some incredible companies and their projects. While these are my highlighted favorite projects with work I can show, I have also worked on projects for Gap, Lenovo, CodePen, Blacks in Technology, National Council of State Boards of Nursing, Described and Captioned Media Program, and many, many more.

Adobe Design

Website development for Adobe’s design blog

Roles

  • Technical Lead
  • Developer

Technology

  • Vanilla JavaScript
  • Vanilla CSS
  • Adobe Experience Manager

I helped lead a small team of developers as we picked up on work that was started for the Adobe.Design website. This site was my first time using Adobe’s Project Franklin, now a part of Adobe Experience Manager.

University of Georgia

Design System for Office of Online Learning

Roles

  • Technical Lead
  • Developer
  • Designer
  • Site Auditor

Technology

  • Node.js
  • Handlebar
  • Sass
  • Webpack
  • ES6

I worked with my team at Sparkbox to audit existing web properties, research, and plan a platform-agnostic design system for Office of Online Learning that could grow and be adopted by the whole University. I updated the design of components to match UGA’s brand guide and lead the development effort to build the system.

Design Systems Survey

Yearly microsite to present data from Sparkbox’s survey

Roles

  • Technical Lead
  • Developer
  • Designer

Technology

  • React
  • Gatsby
  • Sass

From 2018 through 2022, Sparkbox performed an industry-wide survey around design systems. For four of those years I headed up developement of this special edition microsite. In 2019, I was tasked with designing the site as well as migrating into a Gatsby build system. Honorable mention to Jeremy Loyd, Andrew Spencer, and John Buedell, who designed the 2022, 2021, and 2020 editions, respectively.

Ozinga Brothers

WordPress Website Development

Roles

  • Technical Lead
  • Developer

Technology

  • WordPress
  • React
  • Docker
  • Node.js
  • Sass
  • ES6

I led this project as part of consildation to bring Ozinga’s various web properties under a single site. This also included a custom-built, React-based materials calculator. There was a lot of customiztion that occurred in this build of WordPress, that inspired my team member, Ricardo Fearing, to create SparkPress, a starter build for WordPress.

Shoes for Crews

Design System

Role

  • Developer

Technology

  • Node.js
  • Handlebars
  • Sass
  • PostCSS

As a part of this design system and website rebrand effort, I was tasked with solving the problem of creating styles for multiple brand from a similar base. The result was a tool called Splinter, which allowed for a global CSS file along with individual, brand-specific styles sheets to handle colors and theming. While the overall concept was my idea, I owe so much to Adam Simpson for his heavy lifting to create Splinter.

Aperian Global

Pattern Library and Product Design

Roles

  • Developer
  • Designer

Technology

  • React
  • Drupal
  • Node.js
  • Handlebars
  • Sass
  • Sketch

I designed the Culture Guide product interface and worked on the frontend development of both the Work Style (React) and Culture Guide (Drupal) products. I led the effort for the CSS portion of the pattern library which was used by both projects as an installable dependency. Screenshots of my design work are featured in the Sparkbox case study.

University of Notre Dame

2012 Website Redesign

Roles

  • Designer
  • Developer

Technology

  • Vanilla CSS
  • jQuery
  • PHP
  • Adobe Photoshop

Though more than a decade has passed, the University of Notre Dame redesign was one of the most impactful on my career. Together with my coworker, Erik Runyun, we churned out a major redesign and development in 3 months that was the talk of both the higher education and web development communities.

“This could well be the Holy Grail of higher ed website design: a web design based on the mobile first approach that serves content on any devices using a combo of responsive web design techniques and server side detection to reduce the load for mobile”

– Karine Joly, collegewebeditor.com