UI and UX

  • National Press Foundation

    I was hired to design and build the National Press Foundation a state-of-the-art Digital Asset Management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists who make up their target audience.

  • Interactive Deep-Zoom Image (DZI) Batch Image Processor and Gallery

    I recently built a custom PHP- and mySQL-based WordPress automation system for batch image processing and deep-zoom image creation (DZI). Click here to see it in action.
    Using open-source JavaScript libraries in the front-end to guide visitors on a pleasing journey through the thousands of images in the collections, this responsive solution also simultaneously automates custom SQL INSERT statements, adding 1,000s of hi-resolution TIF & JPG image records to a database all at once.

  • Interactive MP3 Player With Animated SVG Kaleidoscopic Logo

    I digitized my great-grandfather’s 78rpm Victrola records dating back a hundred years or more. I then built this HTML5 mp3 player combining CSS3 transformations & custom JavaScript to create a beautiful experimental kaleidoscopic SVG-animated logo.

  • Interactive Fact Sheet with Dynamic Data

    A PHP plugin experiment I wrote for generating interactive charts and graphs as well as formatted content, notes & sources. It uses custom WordPress, JavaScript, Bootstrap, PHP, mySQL & HighCharts. It’s a nice typographical treatment, and the information hierarchy is just right.

  • Organizing For Innovation

    This client specialized in innovation management. I delivered an elegant corporate identity and strategic blueprint for furthering the client’s strategy, message and goals. This solution is RWD, built with a 100% custom Bootstrap theme in Wordpress.

  • Interactive: Image Gallery Photowall

    Inspired by the fireflies in my backyard, this experimental responsive gallery uses JavaScript; AJAX & Bootstrap to serve up samples of my photography. Picture this as a very large horizontal or vertical interactive screen, with all content animating in the DOM, where you can filter and interact with it.

  • JavaScript Count-Down Timer with Full Page Map

    Happy 150th Birthday, Cornelius J. Carmody!My great grandfather had his sesquicentennial birthday recently, so I whipped up this interactive prototype as part of my genealogy museum project. It features Javascript, PHP, mySQL, CSS3 and Google Maps APIv3.

  • HTML5 JS Animation w/Greensock GSAP + CSS3 Transforms

    This 30-second animation uses a suite of animation tools + custom scripting to tell a story with dynamic database-driven content. This uses JavaScript, Greensock GSAP, CSS3, PHP, mySQL, jQuery UI and HTML5. No Flash.

  • Audio Wave-Form Animation

    It can be a real pain to get live wave forms in a multimedia project. Creative custom programming, however, simplifies things quite a bit. For this project highlighting the music I’ve written and performed over the years, I used Adobe After Effects + Flash ActionScript3 programming to create the live wave form animations. This song and the others on this site all use this function.