Archive

Skill: User Interface Design (UI) / Wireframe

Google Charts for Foundation Annual Report

Coded the javascript-based Google visualization charts for the Calvert Foundation's forthcoming 2014 Annual Report. The charts include donut (pie) and combo (line and bar) charts. The data for each chart is dynamically pulled from a Google Docs spreadsheet maintained by the Foundation, allowing for them to easily update the data and manipulate/edit other chart components (legends, keys, […]

Wireframes for New Policy Issues Portal

Developing a wireframe and initial page drafts for a new policy issues portal. The policy issues portal will allow users to easily view all of the client's materials on a given topic. It will include and combine content that has been tagged in the client's Drupal site using several taxonomies as well as other content […]

Requirements Gathering for Federal Memorial Interactive Kiosk

Participated in the requirements gathering meeting for a new project to design and develop an interactive, touch-screen kiosk for a forthcoming Federal memorial. Served as the lead UI/UX and development consultant for the interactive kiosk component, along side a team of builders and a videographer. Discussed the client's technical requirements and aesthetic preferences, which will […]

Updated, Responsive Homepage Carousel / Slider Design

Updated the Committee for a Responsible Federal Budget (CRFB) Drupal-based homepage carousel. The old carousel (designed by a third party) rarely accommodated the organization's content appropriately (insufficient space) and the design looked dated. Although I still had to work within the design constraints of the rest of their site, I designed and implemented a cleaner […]

Updates for 120 Days website, recent Best Documentary award winner

120 Days, a movie by Ted Roach, is making its way around the film festival circuit and doing quite well. Two of its most recent victories were Best Documentary at both the Charleston and Kansas International Film Fests. To highlight its successes, I've been making a series of updates to the website which I originally […]

Timeliner.js Version 2.0

I released some major changes to timeliner.js over the weekend and officially labeled the new release version 2.0. In addition, I put together a newer more polished demonstration called "Timeliner.js: Into the Future". New features of version 2.x include: Revised selectors and new selector customization options provide for improved semantic markup and styling* oneOpen option closes […]

Launched: 935Lies.com

Launched the website for 935 Lies, a new book by best-selling author Charles Lewis. The fully mobile responsive site clearly drew inspiration from the book's wonderful cover design. It makes an impression by using strong typography and minimal graphics. The custom webfont integration was done using the myfonts.com service. Otherwise, I used many of my […]

Text Only Twitter Bootstrap Carousel

I use Twitter Bootstrap for almost everything these days. Its built in components typically cover 90% of any job's needs, at least if you're willing to make some adjustments. For example, it comes with a an easy to implement and manipulate carousel. However, their carousel is only suited for images or images with captions. It […]

Say Hello