Archive

Skill: User Interface Design (UI) / Wireframe

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 […]

Permit.js: A tool for information architects and UX specialists to help build interactive, multi-state prototypes for websites and apps

After manually coding and managing "states" for two or three prototypes (e.g., public users vs logged-in users), I decided to heed DRY — don't repeat yourself. Introducing Permit.js. It's a jQuery plugin that makes building interactive, multi-state prototypes for websites and apps easy. I know I'm going to be using it on my own projects […]

Case Study: C2ES-Make an Impact Global Energy Pledge

I've posted a new case study about the work I did for the Center for Climate and Energy Solutions (C2ES) Make an Impact project. On behalf of one of their corporate clients, I designed and developed a pledge application/website. The site allowed their partners's employees to pledge to change a variety of actions to modify […]

Say Hello