What I do

Development teams seek me out for visual design, reskinning, information hierarchy, usability, iconography, improving task flow, improving the front end build process and more.

I specialize in creating engaging solutions to solve real world problems while designing beautiful applications that make the lives of users easier. Here is a list of recent prototypes and my Codepen.io profile with some interactive goodness.

My Process

1. Requirements and Discovery

Easily my favorite part of experience design. I use whiteboards, post-it notes, Livescribe Smartpen and grid paper to detail, examine, explore and record project specifications. Working remotely for the last 8 years, I've often used a webcam to share the whiteboard so stakeholders feel invested in this crucial process.

2. Low-fi Interactive Mockups

Created with Balsamiq to deliver use-case scenario wireframes for approval by stakeholders. Balsamiq creates interactive pdf's to portray a realistic experience without distracting graphic details. Depending on complexity, it is sometimes more effective to skip this and go right to the next two steps.

3. Semantic Document Structure

I create a lean, semantic, accessible HTML document that employs the intended use of elements. For screen readers and developers it can help a lot. I live for CSS, after all it is the web's formatting standard.

4. In-Browser Design (and PSD)

PSD's are often necessary for art direction in the design pipeline, especially when generating screen snippets in a style tiles type of way - but prototypes created in-browser with a font-end framework can get you fast results and more relevant feedback - particularly when considering task flow and content displayed on multiple devices.

5. Sass/Compass and Modernizr

There are a few css pre or post css transpilers to choose from, I use a Sass/Compass/Grunt workflow. I employ Modernizr to check for legacy browsers and then I'll write the required fallback or polyfill support. I may use Velocity.js with or without jQuery to make complex UI interactions a breeze and because it is optimized for mobile browsers and progressively enhanced.

Just this week I have mastered a Grunt PostCSS build process and have put My Boilerplate on Github.

6. Browser DevTools

I spend a lot of time in DevTools (Firefox and Chrome) navigating the DOM, debugging, designing on-the-fly, analyzing performance, testing breakpoints in scripts, 3D view can help with z-index issues, emulating touch devices, checking web animation efficiency - any front end dev knows these are essential tools.

7. Usability Testing

Most teams do not have a usability lab with eye tracking software. To alleviate that, I have found Silverback to be an affordable alternative for basic user test sessions. But most importantly these days, test on "every device you can get your hands on." You'll find your friends and family enjoy handing over their devices for you to fiddle with ;-)

8. Live Release

At this point I work closely with developers and QA to ensure that optimized and minified code is released to production and all stakeholders are satisfied.

Experience

My first project at Aspect was building an innovative, responsive, mobile first, schedule management system for agents that won our internal “2013 Product of the Year” award. This product garnered high returns in part due to the SASS variables theming system I created to allow for quick reskin/resell flexibility.

Once customers started seeing results from this product, tens of thousands of dollars began to pour into my department with requests for new features. My design choices and functional demonstrations were essential to entice the customer and keep them engaged while internally I directed the front end design and implementation of each of these enhancements to the core development team.

Recently I was part of a small team that won a an internal innovations contest that gave a cash reward for the team that conceived the "most interesting way to engage call center employees and managers."

I started my career hand-coding and tinkering with html, graphic design, building websites and exploring the concepts behind user experience.

Now, I work throughout the front and backend development process while creating style guides with code snippets to help the team get projects started quickly and insure that growing applications maintain a uniform appearance.

Please see my resume for a complete employment history.

Everyday Shufflin'

To do my job efficiently, I regularly use tools such as the Adobe suite, Html, Compass/Sass, Grunt, Sublime, Javascript, jQuery, Velocity.js, Icomoon, Bitbucket and TFS (MS Team Foundation Server). I have recently mastered a Grunt PostCSS build process and have put My Boilerplate on Github.

I have a lot of experience incorporating the front end code into systems that have used Visual Studio, Symphony2, Zend, CodeIgniter, Eclipse and others! I now use Sublime - but every company has their own blend and quick adaptation is one of my strong qualities.

With more than 14 years overall experience, I have spent the last 10 years focusing on user centered design for large and small software applications. With my proficiency in CSS3, HTML5, Responsive Web Design, current UI-UX standards, browser compatibility, a pleasant disposition and clear verbal and written communication - I have made myself an essential asset to many software development teams.