Sample Screen 1: Johnson & Johnson Wireframes

At left is a screen from the J&J wireframes. The wireframes were executed in HTML and were intentionally created without any graphics. Their layout, moreover, was not intended to be final, but as a kind of catalog for all the UI components that would need to be on the screen.

The idea of clickable wireframes was to focus clients' attention on the functionality and user experience and not on design issues.

Project Description:
The Johnson & Johnson engagement was an unusual one for me, and it may strike some as an unusual project to put in a portfolio.

The project was to build out a working demo of a Health and Benefits site for J&J's global intranet. The demo would then be used to attract corporate approval, thus funding the actual build-out.

I was brought in to manage the User Interface component of the project after the Creative Director in charge of UI resigned. A Creative Director from BaseSix's Philadelphia office was in charge of the look & feel. It was like walking into a minefield because:

  • the client had already "bonded" with the person I was replacing
  • it's rarely easy for two Creative Directors to work together on the same project
  • it was an enormous project requiring approximately 800 wireframe pages

I did three things to address the challenge. First, I made sure that my presence was known to the client immediately. My predecessor was a strong character and I knew I had to project the same aura of authority as he did or the client would lose confidence in us. Secondly, I placated the other Creative Director by promising not get involved with the Creative presentations (I got in trouble once, though, when I protested the suggestion of having amibent nature sounds play in the background). Third, I effectively promoted one of the UI specialists who had been working on the project, but behind the scenes. By gradually letting him take more of a leadership role, which had previously been discouraged, we got the benefit of his best work, and he was freed up to direct developers to build out the pages.

I've included this in the portfolio even though it is intentionally "not designed" as an example of a project where my greatest contribution was to put the spotlight on somebody more capable than I.