David Potsiadlo

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.

You may want to follow me on Twitter or Dribbble or GitHub or LinkedIn.

Featured Project


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.

Other Projects

Songnotes Video Guitar Lessons

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.

GIF Parade

Combine Multiple Animated GIFs + YouTube Audio

Inspired by Garrett Miller's LoudGIF project, I created GIF Parade as an experiment in figuring out how to display not one, but multiple animated GIFs in succession backed by audio from a YouTube track. This also served as a terrific playground to further my Javascript skills while also delving into using the Bitly and YouTube APIs for the first time. Check out some sample GIF Parades here, here, and here... or make your own!


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.

Firefly Grove

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.

Things I've Written

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

Heroku Fork! How to run a Staging and Production server at the same time
December 19, 2013

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

Hacking the Washington Capitals Logo with Illustrator
May 13, 2009