• Implemented front-end HTML/CSS and Javascript on the Vitrue’s Social Relationship Management platform.
• Rapidly developed Facebook apps for Fortune 500 companies using a mixture of HTML, CSS, JavaScript and Ruby on Rails.
• Provided necessary support for Vitrue’s Social Relationship Management platform to high-profile clients.
• Worked on a number of high-profile Facebook pages including, Microsoft Windows, Samsung, Intel and Intuit TurboTax.

UX work while at Vitrue

As with allot of projects sometimes the scope and requirements are not fully thought through when working with a client, in this case I discussed with the client their needs, used prototyping tools such as Adobe Fireworks and delivered them wireframes that would help them realize their intended goals.

In most cases the wireframes would require very little revision and they could be used to start developing the final artwork and implementation of the project.

Above: Wireframes created for the Facebook.com Intel Deals page.

Above: Wireframes for the back-end management tool for the Intel Deals page.

• Led the UI strategy for new major features within the application creating mockups in Adobe Fireworks.
• Designed and developed a flexible templating PDF printing system to allow clients to customize printouts for pay estimates, contract change requests, and change orders, to match their current printouts that they are familiar with.
• Implemented a 200% speed improvement throughout the existing reporting framework.
• Developed a robust XML export system that allowed all internal documents types to be exported to other platforms or for archival purposes.
• Made numerous software improvements and bug fixes throughout the web application using my skills in PHP, MySQL, Javascript and AJAX.

Above: Developed both the front-end and back end of a more robust meeting scheduler tool for the meeting manager.

Above: Using prototyping tools such as Fireworks I developed quick wire frames for discussing design ideas, in this case for the revised Meeting Manager tool.

Other major software contributions while at EADOC:

• Standard EADOC printouts received the ability to print attached images with layout options of  1 image per page, 2 images per page and 4 images per page layouts.
• Improved the emailing of shared PDF’s and attachments in the document share system.
• Added the ability for custom letterheads, footers and watermarks to be added to the standard EADOC printouts.
• Fixed the document uploading tools to support up to 2 gigabyte files.
• The file browser box, a primary interface component of the application, was made adjustable.
• Added new filtering to the PPO, Schedule of Values and Change Order areas of the application.
• The announcement module was updated to allow users to add links and attachments.
• Added the ability to specify recurring meetings with more precision.   Weekly, bi-weekly, on specific days of the week, monthly, yearly, etc., as well as the ability to set the end date for the meetings.
• Meeting Manager document printing was greatly improved.

As part of the development team I was responsible for the following:

1. Designed the general user-interface for the application ensuring team members adhered to the design principles.
2. Developed the needs requirements and specifications for the application with the client.
3. Developed the third version of the reporting tool, adding features such as date-range reporting, multiple report summations, additional report filters and performance enhancements.
4. Developed the Transfers Office module, which allowed staff to track intradistrict and interdistrict transfers, transfer reasons, transfer statuses and much more.  Reporting tools were also extended to report on Transfer Office specific information.

Report Editing Screen

Allowed administrators to create highly configurable reports, specifying report parameter, grouping options, column selection, column sorting (via drag-and-drop) and much more.

Student Application Form

The Student Application Form was designed for quick keyboard navigation.  ExtJS was used for combo boxes and other various input elements to improve speed of data entry.

Transfers Office System

The transfers office system allowed faculty to quickly find students based on a number of criteria. The transfer system used color coding on records to indicate accepting students in green, due for processing in yellow and red for overdue for processing.

As part of the development team for the application (called the Production Incentive Program Administrative Assistant) I was responsible for development, user-interface design, debugging and testing.

Key highlights of my contributions included:

1. Developed the initial user-interface mock ups for most aspects of the application.  Assisted other developers in tweaking their user-interfaces to best adhere to the design principles.
2. Developed the Vesting module that reports individual vesting on a real-time basis.
3. Developed in conjunction with other developers several new incentive plan types within the system.
4. Developed the Arbitrary Units module, which allowed the admin to define arbitrary plan units such as Dollars, Euro, Cars, Widgets, etc for the teared bonus plans.
5. I was the lead quality assurance engineer, making sure all functionality, reports and screens functioned to the clients specifications.

Incentive Plan Editing Screen

Administrators can implement several different plan types with this highly configurable plan editing screen.   Option include pure bonus plans, plans based on a percentage, plans based on a tiered production and more.

Contribution Screen

The contribution screen was designed to be a fast data-entry screen for administrators.  The screen supports Excel style data entry which is immediately saved via Ajax to the database.   Billing summaries are also available for the given time period.

As part of the development team my contributions included:

1. Developed the specifications and contributed to the overall design goals of the project.
2. Helped develop the versioning and rollback functionality.
3. Improved functionality to the Edit-In-Place feature, adding multi-lingual capabilities.
4. Developed the first websites to use the CMS as a testing ground to iron out bugs and weak areas of the program.

I was the lead developer for the project, developing all aspects of the project including, user-interface design, alpaca management, alpaca listing editor, photo manager, etc.

Alpaca Profile Editor

The profile editor allowed clients to easily edit an individual data item from their familiar alpaca profile.  When logged in buttons would appear next to the items they could edit.

Alpaca Manager Main Window

The alpaca manager main window allowed for quick review of the clients available alpacas.   Sale status, color, type and other key points were visible.   Column sorting was available on a number of items.