EVERYTHING INTERACTIVE Narberth, PA • 610-858-2665 • jeff@jeffrey-henning.com

My Resume

Lead UI/UX Designer/Developer

IQVIA September 2019 – Present Horsham, PA (mostly remote)
  • Brought in as the tip of the spear in modernizing all their client-facing web applications for the pharmaceutical industry
  • In this role, I serve as both a product designer and a creative technologist
  • My position spans from initial research and information architecture design through wireframing to final interactive prototypes that contain real, actionable HTML, CSS, Javascript and jQuery for use in the final product
  • I work as a liaison with product managers, stake holders and a visual design team that is creating the new brand standards as well as the tech team that is building the infrastructure of the product

Lead UI/UX Designer/Developer

Comcast November 2018 – April 2019 Philadelphia, PA
  • User Interface and User Experience design for Comcast's X1 telemetry web applications that monitor all their cable boxes
  • Wireframe information architecture
  • Create visual design in code (HTML/CSS/JS/jQuery/Google Charts) for final, high fidelity, interactive prototypes

UI/UX Designer-Developer

SID Global Solutions October 2018 – November 2018

Project UI/UX Designer-Developer (freelance-remote)

SpectraMedix April 2018 – August 2018 Remote
  • Upgrade the visual, UX and UI design of the eMeasures360 web app that I created in 2015

Lead UI/UX Designer

Comcast/Business One Consulting February 2017 – August 2017 Philadelphia, PA
  • User Interface and User Experience design for Comcast's Cloud TV Operations Visualizer (CoV) web application
  • Work with Business Analyst to ascertain user needs and work flows
  • Wireframe information architecture
  • Create visual design in code (HTML/CSS/JS/jQuery/D3) for final, high fidelity, interactive prototype
  • Logo design

UI/UX Designer (remote)

Broadridge Oct 2016 – Dec 2016 Remote
  • Design and wireframe new features for existing variable printing web application

Lead UI/UX Designer

Pennsylvania Department of Transportation (PennDOT) April 2016 – August 2016 Harrisburg, PA
  • Logo, visual, interface and product design for PennDOT internal facing web applications (360° UX design)
  • Wireframe information architecture
  • Design and develop responsive web app prototypes
  • Develop CSS for Prime Faces Java server facelets and applications
  • Software used: Dreamweaver, Photoshop, Illustrator, CSS3, HTML5, Javascript, PrimeFaces

Front-End Developer (freelance)

Centron April 2016 New York City, NY
  • HTML, CSS and Javascript maintenance on their corporate web site.

Lead UX Designer (project)

International SOS January 2016 – February 2016 Trevose, PA
  • Lead the redesign of the flagship product, TravelTracker (used by many Fortune 1000 companies)
  • Document prospective application feature set and behaviors
  • Wireframe the information architecture
  • Create application visual design while coding the interactive prototype (HTML/CSS/jQuery)

HTML5 Developer/Animator

Atmosphere Proximity October 2015 – December 2015 New York City, NY
  • Design motion graphics for HTML5 and rich media banner ads
  • Code animation in Greensock, Tweenlite and Google Web Designer
  • Create and manage assets in Photoshop & Illustrator
  • Code assets for submission through DoubleClick Studio

HTML5 Developer/Animator

MRM//McCann September 2015 – October 2015 Princeton, NJ
  • Design motion graphics for HTML5 and rich media banner ads
  • Code animation in Greensock, Tweenlite and Google Web Designer
  • Create and manage assets in Photoshop & Illustrator

Project UI/UX Designer-Developer (freelance-remote)

SpectraMedix February 2015 – July 2015 Princeton, NJ
  • Create the visual, UX and UI design of their web applications in conjunction with their business administration team
  • Work with business/marketing to design effective UI's for the company's medical analytic software
  • Software used: Dreamweaver, Photoshop, CSS3, HTML5, Javascript and jQuery

Lead UX Developer

David's Bridal May 2013 – July 2014 Conshohocken, PA
  • Coder for any and every aspect of the responsive HTML/CSS/interactivity for their sites and online apps
  • Liaison between the Marketing and IT departments
  • Launch of their 1st interactive web prototype for in-store bridal registration using an Apple iPad
  • Create elegant, scalable code for an effective user experience on a site with tens of millions of hits per day
  • First Front End Developer brought on as a salaried employee
  • Software used: Dreamweaver, Photoshop, Axure, Eclipse, CSS3, SASS, HTML5, Javascript, jQuery, jQuery UI, Bootstrap, Angular, JSP, SVN and the entire Adobe CS (except Flash)

Mobile UI/HTML5 Developer

Vanguard October 2012 – February 2013 Malvern,PA
  • Conversion of Flash multimedia assets to HTML5 for mobile division
  • Cross-browser QA with emphasis on graceful degradation of CSS3
  • Software used: Dreamweaver, Photoshop, Eclipse, CSS3, HTML5, Javascript, jQuery, jQuery UI and Flash

Multimedia Developer (freelance)

Axiom/Huntsworth Health July 2012 – August 2012 Yardley, PA
  • Multimedia Production
  • Cross-browser QA with emphasis on graceful degradation
  • Multimedia integration and maintenance of interactive courseware produced in Flash and their BANG JS framework

Lead UX Developer

SAP September 2011 – April 2012 Newtown Square, PA
  • Design
  • Information architecture
  • Wireframing
  • Production
  • Cross-browser QA
  • Multimedia integration and maintenance of marketing micro-sites
  • Helped define client service level agreements
  • Worked with clients to refine all microsite elements
  • Refined user experience with Javascript and jQuery
  • Incorporated and troubleshot lead generation and link tracking code
  • Software used: Dreamweaver, Photoshop, Visio, CSS, HTML, XML,, JSP Javascript, jQuery, AJAX and proprietary software from SAP

Lead Flash Developer

Project Management Institute April 2011 – June 2011 Newtown Square, PA
  • Project lead on the translation and deployment of online courses to Brazilian Portuguese and Spanish
  • Required analysis and formulation of timeline of deliverables and establishment of metrics for achieving goals as well as management of project developers
  • Software used: Adobe Dreamweaver, Flash & Audition

Lead UI/UX Designer-Developer (remote)

MDLinx.com/M3 USA October 2009 – November 2010 Blue Bell, PA
  • Designed and produced web content and CMS templates
  • CSS design and cross browser compatibility
  • Quality Assurance and oversight of remote web designers
  • Gathered requirements & executed user experience/interface design of e-mail marketing messages
  • Multimedia design
  • Software used: Photoshop, Illustrator, Dreamweaver, Flash, HTML, CSS, Javascript, SharePoint, Standards & ADA Compliant Development

UI/UX Designer-Developer (remote)

EnergyC2 February 2009 – April 2009 Bristol, PA
  • Gathered requirements
  • Wireframed & designed mock-up screens
  • Produced user interface & information architecture for their Greenview web site as well as their user dashboard
  • Software used: Photoshop, Illustrator, Dreamweaver, Flash, HTML, CSS, Javascript, Standards & ADA Compliant Development

Lead UI/UX Designer-Developer/Art Director (remote)

mPower Trading Systems April 2008 – November 2008 Ardmore, PA
  • Designed and produced most of the graphic and interactive elements for the mPower Trading site
  • Exhibit graphics, e-mail campaigns and user interface for their stock trading application
  • Software used: Photoshop, Illustrator, In Design, Dreamweaver, Flash, HTML, CSS, Javascript, After Effects, Final Cut Pro, Standards & ADA Compliant Development

UI/UX Developer (remote)

StudioETC April 2008 Exton, PA
  • Converted complex, content-managed PHP to HTML pages with simpler CSS & Javascript so updates & revisions could be done in house
  • Software used: Photoshop, Illustrator, Dreamweaver, Flash, Standards Compliant Development

Lead UI/UX Designer-Developer/Art Director/Motion Graphics Artist

Northlight Advertising March 2007 – March 2008 Exton, PA
  • Design
  • Wireframe
  • Information Architecture
  • Production
  • Cross-browser QA
  • SEO optimization
  • Multimedia integration and maintenance of client print
  • Video & web sites
  • Administered archiving and back up of client/business files
  • Installed & administered file server and network
  • Software used: Photoshop, Illustrator, In Design, Dreamweaver, Flash, HTML, CSS, Javascript, After Effects, Final Cut Pro, DVD Studio Pro, Compressor, Bias Peak, Standards Compliant Development

UI/UX Designer-Developer

Merck Pharmaceutical October 2006 – January 2007 Lansdale, PA
  • Designed and produced user interface & information architecture for online salary management application
  • Software used: Photoshop, Illustrator, Dreamweaver, HTML, CSS, Javascript, Standards Compliant Development

User Interface/Flash Developer (remote)

MegaMedia, Inc June 2006 – September 2006 Glenside, PA
  • Produced first phase of Brooks Instrument/Quantim Mass Flow Meter sales CD-ROM
  • UI design
  • Digital illustration and Flash animation & development
  • Software used: Photoshop, Illustrator, Flash, Electric Image, After Effects, Bryce

UI/UX Designer/Developer (remote)

Prizm Solutions November 2005 – January 2006 Marlton, NJ
  • Designed and produced new company web site
  • Software used: Photoshop, Illustrator, Dreamweaver, Flash, HTML, CSS, Javascript, Standards Compliant Development, Cubase

Lead Digital Illustrator/Animator/Motion Graphics Designer/UI/UX Designer-Developer

Thomas J. Paul, Inc. August 1997 – November 2004 Rydal, PA
  • Designed and produced collateral, direct mail, print advertising, packaging, web graphics and animation
  • Flightchecked digital pre-press files
  • Primarily used for hi-end digital illustration and product visualization for Mars Candies and Johnson & Johnson
  • Produced all stages of digital production for the gamut of their clients
  • Software used: Photoshop, Illustrator, Quark Xpress, In Design, Go Live, Dreamweaver, Flash, HTML, CSS, Javascript, After Effects, Final Cut Pro, DVD Studio Pro, Compressor, Electric Image, Lightwave, Form•Z, Bryce, Microsoft Office Suite

Graphic Designer

Masterpiece Design February 1996 – August 1997 Atlantic City, NJ
  • Designed and produced collateral, direct mail, print, display and billboard advertising, administered and troubleshot company computers, archived digital assets, flightchecked pre-press files
  • Software used: Photoshop, Illustrator, Quark Xpress

Graphic Designer

USI Advertising November 1992 – March 1996 Upper Darby, PA
  • Design and produce advertisements and collateral, direct freelance artists, administer and troubleshoot the companies computers, archive digital assets, flightcheck and disc digital pre-press files
  • Software used: Photoshop, Illustrator, Quark Xpress

Art Director

Modern Home Economics magazine September 1990 – April 1991 Philadelphia, PA
  • Design and produce magazine, schedule, contract and direct freelance photographers and artist

Assistant Art Director

Atlantic City and Philly Sport magazines January 1988 – October 1989 Atlantic City, NJ
  • Design and produce monthly magazine, contract and direct freelance photographers and artists

Assistant Art Director - Direct Mail division

Spencer Gifts December 1986 – January 1988 Pleasantville, NJ
  • Design and produce bi-monthly direct mail catalogs and collateral

board artist/graphic designer/camera operator

various companies July 1981 – November 1986 Southern New Jersey
  • Worked for small tabloids in & around Ocean City, NJ which included The Ocean City Record, Upper Township Times, Motion Magazine and Mid-Atlantic Camper

What I Do

What do I do? There are a lot of answers to that question that are dependent upon when that question is asked during my during my career. Since starting totally on a lark in 1981 at a tiny, weekly tabloid in Ocean City, NJ, I've worked at and for a lot of different types of companies. They range from small design firms with less than a dozen people to giant, multinationals that have tens of thousands of people all over the globe. So, let me set out to answer that question.

Through the 80's to the mid-90's, I was a graphic designer. Small newspapers, glossy magazines and a large corporation included the list of employers. Buying my first Mac in 1991 was an exhilerating experience. I could now do everything as a designer that I'd ever dreamed.

Taking advantage of the new power at my fingertips, by 1997, I was fully hooked on Photoshop and 3D. It wasn't long before I unleashed that in the workplace. For a decade, I was a CGI artist at ad agencies and a lot of my work was creating hero images for print.

Realizing that I had to venture into the world of interactive design, in '99, I created my first site. Loving what could be accomplished in Flash (even though I hated the program), I opted for that. For the time, it was rather unique and even included a standard definition resolution video of my first 3D demo reel.

In short order, I started doing both front end design and development for agency clients. By 2004, I'd given up print work all together and never looked back.

Since then, I've kept progressing as both a designer and developer. I'm now a hybrid. As to design, I do all aspects of front end interactive design: information architecture, user experience, interface and interaction design.

In the area of development, I stick to the front end: HTML, CSS, Javascript and jQuery are the primary technologies I leverage.

In keeping with being a hybrid, my method is out of the norm as well. When comes to prototyping and visual design, my skills allow me to skip the traditional step of creating prototypes that have no usefullness toward the end product. What I create is truely actionable code that can be applied by the developers that are down the line.

I guess you can consider me a product designer & developer.

My Portfolio

My latest work is at the top. For several companies in my resume (most notably, SAP), I unfortunately no longer have active links to the work I did since that content has been omitted from their sites during updates. As of July, 2018, I'm only showcasing the product design work I've done in the last decade or so. At a later date, I will be incorporating all of my best work during my career in this section.

Comcast CoV Product Design 2017

While they have all of the infrastructure necessary to ascertain how their VIPER platform (video over IP) performs at the moment, they had no way of seeing how it performs over time. That is the reason they decided to build CoV (Cloud TV Operations Visualizer). I was brought in to design the UX for CoV. Unfortunately, what I designed for them will, most likely, never see the light of day or may be used when the do their v2.0 of the program (internally, it became known as CoV-J... for Jeff or CoV 2.0).

CōV Interactive Prototype
This link is to the prototype I created for them. The inspiration for the design was from studying the design of the latest dashboard designs in commercial airliners. The biggest goal was to design it so a huge amount of information could be easily read and comprehended. Feel free to poke and prod it to find the features I hoped to build into their platform.

  • This is not a finished design so I never got even close to the point where I was completely happy with it's outcome. Prior to this, their web apps were designed by the developers so, to be honest, the best thing you could say was that they were much less than compelling.
  • Please note that, as of this moment, the custom fonts for this prototype aren't loading due to a server bug at GoDaddy (quite annoying)
  • Instead of directing you to a new web page, this link downloads a ZIP file of the directory that contains the entire prototype which can be viewed in any modern browser (the latest Chrome being preferred)
  • Upon downloading and decompressing the ZIP archive, open "index.htm" in the latest version of Chrome or Safari (there are a few visual bugs in Firefox that were never quashed)
  • Just hit the Log In button (no ID or password is necessary)
  • The Initial Wireframes below can be used as a guide to the UI's interactivity
  • Most of the active links are usually to the top and the left
  • Only the "Rio" section navigates to other pages
  • The "Latest Info" is mostly fully functional... click on it to see it work
  • Please do try out the "Add Personal Dashboard" functionality... it's quite slick and close to total implementation

CōV Initial Wireframes
The first wireframes I made for the project. Once I got rolling on the prototype, these were depricated.

CōV Style Guide
The style guide I worked on for the project. It, like the prototype, is incomplete.

International SOS 2016

I was contracted to redesign the UX for International SOS TravelTracker, their premiere product that allows travel managers at Fortune 1000 companies to monitor oversees employees and the countries in which they are working. This was meant to be an evolutionary redesign that improved both the user experience and the visual design without changing the core information architecture substantually. I was also given only a month to do it because they had a deadline looming for their next product release and it couldn't be moved back.

TravelTracker SilverLight Interface
Screen capture of TravelTracker in its original state done in SilverLight and the initial HTML5 interface done by the developers

TravelTracker Wireframes PDF
The TravelTracker wireframes I created

TravelTracker visual design/prototype
My incomplete visual design for TravelTracker (time/budget constraints limited the time alloted for this phase). This is an interactive prototype with menu drop downs, custom select menu, etc. that are semi-functional

Atmosphere Proximity 2015

With DoubleClick no longer accepting Flash banner ads, ad agencies were under the gun to replace them with HTML5 banners. Here are the two best I coded and animated for Atmosphere Proximity. Both of them used the Greensock animation plug-in extensively and were for HP Enterprise.

HP Enterprise Vital Component
This is a new Rich Media banner ad that includes MP4 video files at the center of the banner and required a good bit of JS programming.

HP Enterprise Security: See How
This particular banner is remake of a Flash banner. While most of the elements were exported out of Flash and saved as SVG files, all of the simpler shapes were created used HTML and CSS. This banner required over 500 lines of Greensock animation code.

SpectraMedix 2015

SpectraMedix eMeasures360 Style Guide
From a freelance project for Spectramedix, this was a comprehensive style guide for the development team. The product is an anylitics web app for use by hospital operaters. I also created the prototype for this project, but it's quite large. This will give you a very straight forward look into my method for product design.

David's Bridal 2013-2014

As the first Front End Developer brought on as a C-2-hire, my responsibilities were manifold, but I was used primarily as a UX/UI design resource as well as coder for any and every aspect of the HTML/CSS/interactivity for their sites and online apps . I also served as a liaison between the Marketing and Dev departments. The cornerstone of my first month at the company was the successful launch of their 1st interactive web prototype for in-store bridal registration using an Apple iPad.

DavidsBridal.com
My final project at the company was working on their latest, fully responsive site.

Spec DBI Landing Page
Done, when I had some free time, to show my bosses what the DBI home page could be like if I designed it. Please ignore the detritus and noise left over from the then existing site (small bits of type that didn't need to be there). Those were left in to give the marketing people a sense of security.

Home Page Billboard prototype
Done in a little over a day to show what we could change the billboard to when using HTML5.

Mobile Event Management prototype
This is for an internal microsite accessed by store associates to search for bridal registrations done online. Since this is designed to be accessed by in-store iPads, this is best viewed on an iOS device or a Webkit browser with the page zoomed out a bit. Once again, these are my working prototype files that were handed off to the integration team to build the site.

New DBI Main Navigation Menu
In moving toward the new aesthetic for their upcoming site redesign, this prototype was created

Product Page Recommendations Sidebar
This is the working prototype of the Product Page Recommendations Sidebar used on their old web site.

MDLinx.com 2010

MDLinx.com Redesign
My title was Web Content Manager for MDLinx.com, but, in my year working for them, I became their go-to HTML/CSS/multimedia person. I was the lead for the HTML, CSS and UI/UX coding and optimization (including SEO and browser compatibility back to IE6) of the templates for their new site.

EC2 2009

EC2 portal design
The Greenview site was to be a portal for their clients allowing them to manage their energy use and monitor their solar arrays. The company stopped my work mid-project due to budget problems.

StudioETC 2008

StudioETC Redesign
I was was brought in to help with the redesign as well as develop all of the code in whirlwind fashion for the rebranding of their business (formerly StudioEEC). I guess they really liked it because it didn't change much for 6 years.

Pohlig Builders 2008

Athertyn 2008
The client changed design direction 2 days before original launch, scrapped a much nicer design and I was then told to build this site with a soundtrack player (abandoned at the end of build) which is why the site is mostly in an i-frame. Unfortunately, the nice Flash splash page with animation and a really cool theme song that I created was taken down after one year.

Megamedia 2006

Brooks Instrument Quantim CD-ROM interface
This was an interface design for a Brooks Instrument sales CD-ROM. It was created for the standard laptops given to their sales associates which had a 800 x 600 pixel screen. 3D renderings were done in Bryce and Electric Image, interface elements were created in Photoshop and the entire project was created in Flash.

About the Site

This is the genesis of my brand new web site. Totally new both inside and out. It's been a long time coming for this redesign. When it comes to my site, I like being deliberate. I've been kicking around ideas and visualizing them in my head for about 6 months. There was a lot of gear-spinning in my cranium before I actually cracked open Dreamweaver to set my final ideas to code. And, then, there is also the thrill of debugging all of the features and behaviors that I've never tried before.

In the end, though, it all winds up being gratifying to create something that's also not only new to me, but also seems to be unique to the web (hey, I'm not positive that no one has ever created a UI that behaves exactly like this site, but I've never seen one).

This, though, is only the first step of this platform. My ultimate goal is to transform this into an immersive, 3D experience that's unique to the web. As of July 30th, 2018, I'm very happy to have a new site with fresh code that contains my last decade of design and development.

Baby steps...

You are one of the 7% of web viewers
that still uses Mozilla's Firefox.
That means that, for the moment,
you aren't seeing the very cool
animation that opens my site, but,
instead, you are seeing this warning.
Use any other popular browser
(i.e. Chrome or Safari) to see my site
as it's intended.

Click anywhere to continue.