I keep certain criteria at the front of my mind when I meet a new Interactive Design challenge:

  • Is it simple and Usable? Does the work say what I and my client would like it to say, no more, no less? It's easy to get caught up using visual elements which are attractive but which obfuscate the message.
  • How does it look? How does it look on a Mac? How does it look on a PC? How does it look in Firefox or in IE? I test to make sure the elements are in place which insure legibility across browsers and platforms.
  • Is it accessible? I believe that making work that is accessible to people with disabilities, whether they must use assistive technology or are simply colorblind, makes the final product better for all users.
  • Do I really know the story? Do I know my client's story or the story of their users? Research is fundamental to good design practice.

When each of these elements has been taken into proper account and I'm creating on a sound structure the result has a beauty and symmetry which goes beyond just "cool".

All of the websites featured here have been done since January 2007 and are projects on which I continue to do maintenance.

Autonomy iManage, HCI, Software UI Design

Extreme Organizing, Website

Oyango Oketch, Website

Design Angel, Website

Argo Consulting, Website

Wendelken Piano Studio, Website

Scroll across the buttons at the top to view work.

Visual & Interaction Design, Human Computer Interaction
Autonomy iManage, Chicago, IL

September 2005 - current

  • Design User Interfaces for web-deployed and client-side applications used across platforms & browsers.
    Interfaces are also adapted for blackberry & iPhone as well as other hand-held devices such as bar code scanners.
    Applications include content management, enterprise management, digital Asset management, Search, and document management
    products used primarily (but not exclusively) within the legal and banking industries.

    "Design" includes consulting user studies (or conducting research); building wireframes in response to user issues; creating screen mock-ups;
    turning a screen mock up into the parts of an interface; working with engineers to build a working interface; provide icons for the UI; insuring that
    company and product branding adhere to standards.

  • Conducted a contextual inquiry qualitative research project involving 35 users. Collected, consolidated & presented data.
    Worked from data to brainstorm & create wireframes for a complete UI redesign.

  • Developed a uniform, “Common Look and Feel User Interface” (CLF-UI) design for all current and new web & client deployed software products.

  • Work with development teams across the US, Europe and Asia to insure that this CLF-UI is consistently adopted and that products adhere to usability heuristics.
    Created templates and graphic libraries so that both web-deployed and client-side applications can make the change easily.

  • Work with engineering teams at newly acquired or partner companies to insure their interfaces are consistent with branding and interface standards.

  • Coauthored company wide style guide so that engineers may create visually and behaviorally consistent interfaces across all products.
    Authored chapters covering Navigation, Typography, Visual Elements, Standard Elements and Handicapped Accessibility. Provided visual diagrams and examples throughout entire guide.

  • Work with engineering teams through all planning and development stages to insure that all products meet high standards of interaction design.
    Create and maintain a library of all icons used across all products.

  • Collaborate with writers in creating documentation for the software.

  • HTML, CSS, Javascript, ExtJS, Photoshop, Illustrator, Expression Design & Blend.



Conducted a contextual inquiry qualitative research project involving 35 users. Collected, consolidated & presented data.

Afinity Diagram: detail Detail from Afinity diagram, click to view detail


Worked from data to brainstorm & create wireframes for a complete UI redesign.

   click to view detail



Developed a “Common Look and Feel User Interface” (CLF-UI) design for all current and new web & client deployed software products.

click on each thumbnail to view details

Autonomy Interwoven: Basic Common look and feel

blue clf

  • Developed Common Look & Feel UI
  • Developed library of sprites & css to allow this
    UI to be easily implemented as a theme in ExtJS
  • Maintain ExtJS theme to keep pace with code updates
    and new UI component and widget needs.

Autonomy iManage: Common Look and Feel adapted to Autonomy color scheme

Universal Search

  • Adapted Common Look & Feel UI to new color theme
  • Developed library of sprites & css to allow this
    UI to be easily implemented as a theme in ExtJS
  • Maintain ExtJS theme to keep pace with code updates
    and new UI component and widget needs.

Media Bin: Monochrome, Dark

Media Bin

  • Developed new UI adapted to a different user base
    (Mac using, handling graphics content)
  • Designed and created all icons, layout and
    look & feel.
  • Created all visual elements for use in Silverlight.

 

 




Create and maintain a library of all icons used across all products.

Icons are all designed & tested to insure legibility by color blind individuals

Icons redesigned to work seamlessly within host environment

Windows
Apple iPhone
function: Folder shortcut Workspace shortcut Favorite Document folder Email Settings Worksite Explorer Document: Checked out Matter Workspace My Matter

Interaction Design
Extreme Organizing, Inc. , Chicago, IL

  • Website for a professional organizer specializing in home offices and closets. She already had a logo and wished to continue with it and use that color extensively.
  • I researched stock imagery that would truly represent her work and which would compliment the photos she had from her clientele's homes.
  • We went through several design revisions to find a way of selling her services without in any way confusing the user. A big issue was making sure that the site said "organized home" and not "interior design".
  • Project Management, Designed look and feel of website.
  • HTML & CSS
  • visit Extreme Organizing

Extreme Organizing, home screen
Extreme Organzing, projects screen
Extreme Organzing, sub page

Interaction Design
Oyango Oketch

  • Site for an incredibly talented Kenyan sculptor. He had a basic idea of the colors and titles and lots of photos of art.
  • I worked the images into a structure that I felt also spoke to the nature of his work, which has many elements inter-layered and pressed together.
  • HTML, Javascript & CSS
  • visit oketch.com
Oyango Oketch, home page

Oyango Oketch, subpage

Oyango Oketch, art page

Interaction Design
Design Angel, Chicago, IL

  • Site for a designer specializing in interiors, branding and print design.
  • As a designer she had strong ideas of how she wanted the site to be laid out. I worked with her to make her visions more web-centric and to insure a seamless flow of information.
  • HTML, Javascript & CSS
  • visit Design Angel

Design Angel, home screen

Design Angel, home screen

Design Angel, home screen

Interaction Design
Argo Consulting, Inc., Chicago, IL

  • A global company specializing in Lean Transformation and strategy development had a website which conveyed only basic information and in no way reflected their sophistication. They wanted to keep their company logo and carry the colors into the design of the entire site.
  • Through the entire process I worked directly with the President & COO. I started by researching the company to understand their work and their competition. I looked at other sites that they liked even if those had nothing to do with Argo's work.
  • I managed the project, researched stock stock imagery that matched their work places and practices, kept track of text content, maintained a password protected site where all interested parties could preview site development.
  • HTML, CSS & Flash
  • visit Argo Consulting

Argo Consulting, Home page

Argo Consulting, subpage

Argo Consulting, subpage

Interaction Design
Wendelken Piano Studio, Tampa, FL

  • Award winning piano studio had a very poor site which did not attract new students. I talked extensively with the studio owner to get a sense of her tastes. I brought her into the stock photo search process as well. Her studio already has a very strong reputation. So, she didn't want "more dull pictures of piano keys" but was hoping for something "elegant".
  • Because the studio also specializes in other kinds of musical training, we decided on images that were less literal about "piano" but which spoke to ideas of structure and harmony in nature. We decided to go with a warm, rich palette of colors.
  • This site has become a way for current students to keep track of upcoming class and performance dates as well as various competition deadlines.
  • HTML, CSS
  • visit Wendelken Piano Studio

Wendelken Piano Studio, home page

Wendelken Piano Studio, sub page

Wendelken Piano Studio, sub page