UX/UI + Product Design
UX/UI + Product Design
Since 2005, I've worked professionally to apply my UX/UI design and front-end development skills toward non-profit, enterprise, and consumer web projects. I currently work as a Product Designer at LearnZillion in Washington, DC. Outside of work, I'm a proud family man who enjoys podcasts and loves playing the guitar.
Curated Digital Songbook + Rails CMS
I designed & developed Songnotes to help me share my growing collection of curated guitar tabs, chords, lyrics, and lessons with aspiring musicians across the world. To do this, I built a Rails-powered CMS that feeds my hand-crafted song metadata snippets into a carefully designed framework that was built to support the structure of any song.
Since launching Songnotes in December 2012, I have personally added each of the 150+ songs on the site. The content for each song entry is hand-crafted by me personally, ensuring a high-quality, consistent, and media-rich experience that works for today's web-native audience.
Guitar Tutorials & Instruction via YouTube
In November 2013, feeling inspired by YouTube stars Justin Sandercoe and Marty Schwartz, I began creating high quality video lessons to accompany and enrich the content my Songnotes website. In the first 8 weeks, I recorded 15+ video lessons showing in precise detail how to play some of the popular songs on Songnotes. After three months, the videos in total have so far generated over 135k views, nearly 1000 subscribers, and maintain an average viewership of 2 minutes per video.
iTunes Podcast Search, Made Easy
Inspired by Marco Arment's Preview.fm project, I created PodCrawler to give users an elegant & no-nonsense experience for searching iTunes podcasts. PodCrawler was built on Rails, using the Feedzirra and iTunes-API gems to retrieve and parse feeds. It is stripped of non-essential features and aims to do one thing very well: letting you browse podcasts.
Combine Multiple Animated GIFs + YouTube Audio
Ultra-Lightweight HTML/CSS Starter Kit
Wisp is an ultra-lightweight HTML framework to help you quickstart any project or rapid prototype. Quite simply, it sets up a generic project directory with an index.html file already linked to the usual CSS and jQuery resources. For simple projects where Rails or the HTML5 Boilerplate is overkill, Wisp helps you hit the ground running without any overhead.
Songwriting Project + Soundcloud Playground
Firefly Grove is a personal songwriting project showcasing 9 lo-fi folk songs I wrote & recorded dating back to 2008-2009. From a technical viewpoint, I used this project as an opportunity to introduce myself with the Soundcloud API & SDK while also exploring some jQuery layout techniques.
Here is a collection of occasional blog posts & random snippets I've written in the past. Many of the front-end posts below are aimed toward those initially exploring the world of rapid prototyping using Rails, Git, Heroku, Jekyll, etc.
Guitar Fretboard: from ASCII to SVG
January 23, 2014
Setting up Jekyll, Compass, and Github Pages
June 24, 2013
Rails Basics: Adding a Dropdown Resource to a Model
April 4, 2013
Rails Basics: Intro to has_many :through
April 2, 2013
Rails Basics: Nested Models
March 30, 2013
Rails Basics: Adding a Column to a Table
March 29, 2013
Git Basics: Adding a Rails Project to Github
March 21, 2013
Rails Basics: Setting Up a Homepage
March 19, 2013
DC Metro Widget for Android
October 2, 2010