Portfolio

Here are some samples of my work in reverse chronological order-most recent first:

Wells Fargo Developer Portal 2.0
I was a Full-Stack Developer at Wells Fargo, Charlotte NC. I worked as part of an Agile team based in Charlotte on a portal to expose banking APIs for developers to consume using React and Redux on Spring Boot with Mongo DB, Swagger and WS02. I was responsible for implementing functionality in the Single-Page Application to support Accessibility/WCAG 2.0.

CNA Inside CNA – Knowledge Base
I was Lead User Experience Developer at CNA, Chicago, IL. Specializing in user interface and interaction design using HTML5, CSS3 and JavaScript (jQuery, Angular & Bootstrap) on IBM WebSphere Portal Server. I developed interfaces and interactions for a new Enterprise Content Management System named Inside CNA and Knowledge Base using Agile development methodology. Personally delivered custom iPad functionality specifically requested by the client that was considered impossible by the rest of the team.

Aon Hewitt Upoint
I worked as a member of a small team at Aon Hewitt – Ken Yau, UX Solution Lead and Mark Swindle, Senior UX Designer – on migrating the “Your Spending Account” benefits management portal onto a new technology platform called Upoint. I participated in requirements gathering as well as User Experience Design. I prepared low fidelity wireframes and medium-fidelity mock-ups with HTML, CSS and JavaScript. The Med-fis were mobile-first responsive web designs that scale to the user’s viewport.

Baxter Biosurgery Portfolio
Baxter International needed a redesign of the interface for its “Vablet” iPad marketing application. Steve Milker built and I programmed the new UI. Steve and I also managed collateral assets (PDFs and videos) using the Vablet admin portal.

Epsilon Connect
I spent several weeks onsite at the Epsilon Headquarters in Dallas, Texas working on their “Connect” ID management portal. I redesigned screen layouts and updated wireframes in Omnigraffle and then implemented them with Angular.js and Bootstrap on JBoss with Struts and Tiles provided by Rodrigo Andrade of SmartSoft (Brazil).

American Cancer Society Hack-a-Thon
I led a team of Sogeti volunteers (Alex Staroselski, Chris Kuhn, Ross Sadler) in a hack-a-thon for The American Cancer Society. We used Angular.js and Bootstrap on top of an ASP.Net MVC-based content management system hosted in Azure. It had a requirement to be a Mobile-First Responsive Web Design. We took third place! I think we might have taken first or second place if the video demo I created had been a little more polished (I still love that Minnie Driver song: “Beloved”).

Allstate DriveWise
I performed duties as both a Business Analyst and a Front-End Developer for the DriveWise group at Allstate. I worked with Senior Designer George Reyes and iOS Developer Akash Trivedi on an iPad app for monitoring network activity as well as preparing requirements documentation for a planned upgrade to the DriveWise supporting infrastructure and developing new functionality for the internal customer onboarding application.

eFollett Shopping Cart
I started on the eFollett shopping cart redesign project as a Business Analyst. I helped Senior BA Mike Bloom prepare a 200 page functional requirements document (FRD) with wireframes. I then worked with the Sogeti development team led by Arun Sharma to implement the designs on Websphere eCommerce Server using jQuery.

Mesirow Financial Portfolio Manager
I prepared wireframes in Powerpoint for a redesign of the Mesirow Financial Portfolio Management Web Application. I set up a project in Team Foundation Server in the Cloud to share the wireframes with the team. The Tree control was copied and pasted from Visio.

The Northern Trust Wealth Passport Portal
I was the lead UI Developer on a large development team and took comps from Tandem Seven and integrated HTML (JSP), CSS and JavaScript (Dojo) onto Oracle Weblogic Server. I advocated for changes to the site architecture that resulted in a 600% increase in the site’s performance. Tandem Seven showcased this site as an example of best practices.

Grant Thornton Mobile CRM Demo
I designed an iPhone interface with Senior Developer Brian Beatty for a mobile CRM application that helped win Sogeti a $1M contract with Grant Thornton.

Insurance Auto Auctions
I worked as a member of a small team of Designers (Daniela Rebic – Lead Designer, Daniel Allen and me) on the Vehicle Details page of the IAA Auction Center. I implemented some new functionality using jQuery on ASP.Net.

Hand Hygiene Project
The Joint Commission had a new initiative called The Center for Transforming Healthcare. I collaborated with the Lead Business Analyst, Susan Swarts and Chas Allred, Lead Developer to create a Rich Internet Application for healthcare providers to monitor and improve their hand hygiene using best practices that have been vetted by the Joint Commission. The sample is the training module I built in Flash for the site, and includes a short quiz.
(Requires Adobe Flash)

ServSafe
I applied Spanish translations and debugged ActionScript 3.0 for this Flash and Flex-based eLearning course. ServSafe is one of the premier products for the National Restaurant Association.
(Requires Adobe Flash)

New Product (Scion) Tutorial
This is a character study for an avatar in a help facility for a new product offering. It ended up being replaced by another more cartoony-looking avatar. It was alot of fun to do the 3-D animation though.
(Requires Adobe Flash)

ChargeMaster Pro Tutorial
This is the help facility I created for the ChargeMaster Pro application for CCH.
(Requires Adobe Flash)

ChargeMaster Pro High-Fidelity Prototype
Taky Cheung and I were the interface designers on the project development team. We collaborated on the application UI. Taki designed and built the website, and I designed and built the online help. The program offers hospitals a solution to the problem of managing payment codes, reimbursement rules and rate changes. It’s the only application of its kind with a lecture and hands-on training module. None of which would have been possible without Technical Writer Rich Guittar’s excellent requirements gathering and documentation.
(Requires Adobe Flash)

Cite by the Bay, Parc Central, Serenata, The Tides
I did alot of work with a vertical-market (Real Estate) advertising agency. I created the websites for many of their client’s properties from their print and other collateral. I also programmed the music bed for The Tides in Sony Acid Pro 4.0.

D. R. Horton Floor Plan Viewer
This project consisted of creating a Web interface for D. R. Horton’s customers to easily view and print floor plans of D. R. Horton homes for sale. I converted architect’s CAD drawings for use in the Flash interface I created.
(Requires Adobe Flash)

JetStream Part Viewer
This project consisted of creating an interface for Jetstream’s customers to easily select replacement parts for water blasting equipment. I received CAD drawings in DXF format from the client and brought them into Flash, where I put them into the Flash part viewer I created. Then I programmed the interactivity with the eCommerce site.
(Requires Adobe Flash)

Home Depot Business Presentation
This project consisted of several small Flash animations for use in a MS Powerpoint business presentation. In the sample, Homer D. Poe completes a do-it-yourself home improvement project. I created original artwork and programmed animations from client specs.
(Requires Adobe Flash)

Understanding Banking Financials
This Flash-based courseware was created for Accenture in St. Charles, IL. The theme of the course put the learner in the role of an apprentice spy and had a “comic book” look and feel. I provided ActionScripting support for the interactivity as well as original artwork.
(Requires Adobe Flash)

Agilent Technologies’ Test and Measurement Web site redesign
This web site is the eBusiness site for Agilent Technologies, a subsidiary of Hewlett-Packard. This was the largest web project I had ever been engaged on. There were 40,000+ static web pages that were migrated to a Java, Oracle and XML-based content management framework. There were several teams involved in this year-long project. I was involved with the HTML template build teams (translated into 6 languages, including Japanese) and the XML/XSL style sheet teams. The project was art directed by Tony Brinton, based in San Jose, CA and designed by Zhanna Buell, also based in San Jose, CA. The HTML template team-Drew Jones, Rohit “Hitman” Sankaran, and I-was based in Chicago, IL and the XML/XSL style sheet team,-Ishmael Cooper, Ramesh Desappa, Mahendran “Mahee” Duraisamy, Duc “Dukey” Hoang, May Lo, Rohit “Hitman” Sankaran, and I-was based in Houston, TX. David Chan was the Project Manager. My apologies to anyone I forgot to mention. I earned MANY frequent flyer miles on this project!
(Requires Adobe Flash)

eBusiness Methodology Navigation Interface
This Flash piece was built for Arthur Andersen’s eBusiness practice. It is the interface for an informational intranet site. It was art directed and designed by Patrick O’ Neil and built by me.
(Requires Adobe Flash)

The Professional Standards Group Intranet
This intranet site was built for the Arthur Andersen Professional Standards Group as part of an entire branding system. It was selected as a best internal marketing vehicle for the year 1999, winning an Arthur Andersen “AMIE” award. It was art directed by Patrick O’Neil, designed by Marc Afable, Andrea Burke, Brittyn DeWerth, and Chad Meyer and architected and built by me.

Hoopla! NCAA Tournament Promotion
This intranet site was a fun promotion to increase the visibility of the Arthur Andersen marketing and brand. One million dollars would have been given to any eligible Arthur Andersen employee or partner who was able to pick all 63 winners in the NCAA finals (nobody did). The site generated more hits in one day than the rest of the internal sites generated in a month. Hoopla! was architected by me, written by Dave Oll, art directed by Joe Juhnke, designed by Dan Gummerson, programmed by Pat Frisbie and built by Dan (Da Man) Gardner and me (with special thanks to Joe Armstrong).

Imagine That! Web catalog
This intranet/extranet site was developed for the Arthur Andersen Global Marketing Group. It was designed to facilitate easy access to marketing collateral for the entire global Arthur Andersen Marketing organization. It provided links to downloadable Adobe Acrobat documents that local organizations could customize for their particular market application. It was art directed and designed by Joe Juhnke and architected and built by me. If I were going to rebuild this site, I wouldn’t use images this time, but CSS.

Travel and Transportation Services Industry Intro CBT
This interface was designed and built for Andersen Consulting. It was part of an introductory Computer-Based-Training course for the Travel and Transportation Services Industry. It was art directed and designed by me and built by me and the Products Industry Team of the Andersen Consulting Knowledge Media Solution Center.

Food and Packaged Goods Industry Intro CBT
This interface was designed and built for Andersen Consulting. It was part of an introductory Computer-Based-Training course for the Food and Packaged Goods Industry. It was art directed by Glenn Tarnowski, designed by me and built by me and the Products Industry Team of the Andersen Consulting Knowledge Media Solution Center.

Automotive and Heavy Equipment Industry Intro CBT
This interface was designed and built for Andersen Consulting. It was part of an introductory Computer-Based-Training course for the Automotive and Heavy Equipment Industry. It was art directed and designed by Glenn Tarnowski, and built by me and the Products Industry Team of the Andersen Consulting Knowledge Media Solution Center.