High Profile Responsive Website
Metra
Challenge
This high profile site had various challenges including understand Metra's complex systems, organizing Metra's content and working with Adobe CQ's CMS template limitations.
Role
- Conducted content audit
- Reorganized information architecture
- Made copy more user friendly
- Created wireframes
- Designed user interaction
- Provided art direction
Results
Designed a clean, responsive site using 3 breakpoints which made it easier for users to find their train lines as well as highly impress Metra's CEO Donald Orseno.
URL: Metrarail.com
Sitemap
One of the main challenges was the content audit. There was so much content and not organized in a way which made it easy for Metra riders to find and use.

Metra sitemap
Wires
The idea was to allow new or existing riders to quickly find what time their train was departing and if there were any delays.
To make it easier for users, I grouped the trains by location and sorted each train by stop.

Metra homepage
Features a streamlined navigation, a “Track your Train” module, and a compact yet expandable service alerts section grouped by train line.

Metra homepage - Track your Train
This module allowed riders to quickly find what time their train was departing and if there were any delays.

Maps & Schedules Landing
The desktop version contains a mega menu grouped by location and broken down by train line to quickly allow find their train

Milwaukee District North: Schedule Finder
Allows riders to pick their current location, their final destination t and then enter when they are leaving so they can find the best train for them.

Milwaukee District North Full Schedule
Once the rider selects their line, time & date, they're presented with a list of trains with departure & arrival times so they can choose the best train to take.

Milwaukee District North - Line Map
Allows anyone to see where any train is at any time. Shows the next 3 steps as well as the train’s status.

Milwaukee District North - Fares
This reorganized fare matrix shows all the pricing clearly broken down by one-way, 10-ride, or monthly.

Milwaukee District North - Station
Each station tabs shows the details of each station (address, agent hours, waiting room times and accessibly info). To make it easier for rides each stop would be displayed in order by stop.
Physician Management Web Application
Marsh Clearsight
Challenge
Beaumont Health System was seeking a new system to manage their physician's insurance coverages. Had to understand their business as well as how their system could best integrate into our platform.
Role
- Lead customer interviews
- Diagrammed current state process flow
- Designed suggested process flows
- Created wireframes
- Conducted usability testing
- Provided art direction
Results
By conducting user research was able to identify, improve, and automate processes as well as design a unique, filterable dashboard which would make it easy for each user to get their most important tasks completed sooner.
URL: Non public - B2B web application
User Research
The approach was to conduct remote contextual inquiry. We identified the 3 user types and then had various users from each group walk us through their existing process. We then aggregated their comments along with our observations into 3 groupings - “Pros”, “Cons” and “Ideas” which made it easier to know what was working well and what needed improvement.

Pros/Cons Doc - Risk & Insurance Manager

Pros/Cons Doc - Manager

Pros/Cons Doc - Insurance Analyst
Flows & Frames
We spent a great deal of time documenting their existing systems process. We then identified business rules for the workflow of application. I designed the system to auto-route tasks to the correct user and make it more clear what the status was and what actions to take. This reduced manual effort.

Process Flows / Listing of screens in war room
Helped standardize screens and walk through each flow to make sure the flows made sense

Status listing / Business Rules
These detailed business rules enhanced the workflow of the application by allowing the system to auto-route tasks.

Suggested Process Flow
Diagrams a potential flow which exponentially improves existing processes by increasing communication and automates manual processes.

Dashboard wireframe
The redesigned process flow helped break the user’s tasks into key phases that aligned to the users (verified by usability testing)
Visuals

Dashboard visual design
While I wasn't responsible for the visual design, I provided art direction to designer and helped integrate many of the new UI patterns including Dashboard Filters and New Standard Table design

Physician Detail screen:
This screen provides many new UI patterns which were to be integrated into the standard framework including Summary Bar with Actions, as well as an improved detail nav
Design System
Marsh Clearsight
Challenge
Clearsight didn't have many existing standards as each team would often decide how they wanted their applications to work and look. The challenge was to identify, create, and provide a way to share standards across multiple teams.
Role
- Managed project
- Researched all existing applications
- Conducted competitive analysis
- Designed site map
- Created pattern listing
- Wrote up each pattern
- Designed and developed site
Results
The new site which contains standards for style & layout, UI patterns, and content guidelines was a huge win as it's already improving consistency.
URL: Internal website
Flows & Frames
One of my main challanges was to create this design system while managing a team as well as working on an existing high profile project. The first step, in this 4 month project, was to indentify all of the existing elements, visuals, and content. I then standardized each and grouped them into Style & Layout, Patterns, & Content Guidelines.

Sitemap

Wireframe pattern template
Visuals

Design principles visual

Action, link, or button partial visual
New Customer Welcome Center Website
OptionsHouse
Challenge
OptionsHouse, a part of E*TRADE, was looking for a new customer welcome center website to help new customers get up and running as quickly as possible.
Role
- Lead discovery tasks
- Created stakeholder questions
- Conducted stakeholder interviews
- Performed heuristic evaluation
- Completed competitive analysis
- Created sitemap
- Designed wireframes
Results
The new welcome site allows users to quickly get up to speed and start trading immediately, provides information to common issues, and gives customers a trading edge.
URL: no longer live
User Research
Option's House main issue was that new traders often overrate their trading ability and quickly lose their money and then disengage. We wanted to better understand why.

Competitive Audit
Analyzed OptionsHouse plus 3 competitors based on the following main criteria: Brand, UX, and Content. Analysis was then summarized in a presentation.

Stakeholder Interviews
Created and organized questions, led interviews with 5 key stakeholders, and synthesized what was seen and heard.
Sitemap

Sitemap
Organized content into the following major categories: Getting started, Training, Strategies, Products and Services, and FAQ
Wires
The wires for the new Welcome center solved 3 main goals:
1) Welcome new customers to OptionsHouse
2) Help new customers get up to speed and start trading quickly
3) Create and intuitive experience for new customers that need help

Welcome homepage

Get Started

Trade Successfully

Content template

FAQ
Responsive Body Shop Finder Site
Carwise.com
Challenge
CCC had been extremely successful providing both insurance companies and auto body shops the data they need to help customers. Carwise was CCC's first attempt to enter into the consumer space.
Role
- Conducted usability evaluation
- Designed Process Flows
- Created Wireframes
- Wrote copy & created messaging
- Contributed to SEO
- Coded HTML/CSS templates
- Created visual design
- Worked closely with developers
- Conducted usability testing
Results
As the Lead User Experience designer throughout this multi-year engagement was responsible for helping grow a site 136% in page views over the last 2 years.
URL: carwise.com (homepage has changed)
User Research

UX Project Estimates

Expert Usability Evaluation

Usability Testing: User Feedback

Usability Testing: User Feedback Summary
Content

Repair Status Content

Messaging Repository
Process Flows

Process Flows
Wires

Carwise Homepage

Carwise Search Results

Carwise Search Results

Shop page: Tier 1

Shop page: Tier 2

Shop page: Tier 3
Visuals

Homepage

Search Results

Profile Page

Check Repair Status - Entry

Check Repair Status - Details

Messaging Listing
Auto Repair Status iPhone App
Carwise
Challenge
Improve upon the existing Carwise app by making it easier for customers to track their car's repair status.
Role
- Reviewed user research
- Designed process flows
- Created wireframes
- Wrote copy & created messaging
- Created visual design
- Worked closely with developers
Results
The improved app has a more modern look and also simplified the way users track their car's repair status
URL: Download in Apple Store
Wires

My Vehicles

Vehicle Status

Shop Contact Info
Visuals

My Vehicles

Vehicle Status

Shop Contact Info
Appraiser Estimating iPad Prototype
CCC Information Services
Challenge
CCC was looking to leverage technology to help appraisers estimate faster once a car has been damaged.
Role
- Conducted contextual inquiry
- Analyzed existing process
- Redesigned process
- Created wires
- Built prototype
- Created visual design
- Presented demo at CIO conference
Results
This iPad application prototype was a hit with CIO's when demo'd at a large insurance conference.
URL: View prototype
Research & Flows

User Research Notes

Process Flow

Traveler's Re-Inspection Flow

Geico Adjuster (DRP) Flow
Wires

Appraiser Home

Calculation states

Confirm Vehicle

Estimate Over Threshold
Visuals

Appraiser Home

Appraiser Edit Assignment

Confirm Vehicle

Estimate
Underwriter Web Application
The Chubb Corporation
Challenge
Client requested screens as to what the UI would look like for this internal application. These screens were needed in a very short timeline of only 2 weeks.
Role
- Researched current product
- Interviewed existing team members
- Created site to explain UX deliverables
- Created target audience needs document
- Designed wires
- Created visuals wires
Results
All deliverables were created in a very tight 2 week period.
URL: Internal web application
User Research
Wires

UXA deliverables explanation:

Target audience needs:
Visuals

Underwriter Homepage

Underwriter Account Page
IS Tools & Services Portal
Kraft Foods
Challenge
To help create an attractive, easy-to-use intranet portal to allow employees to find the key information they need.
Role
- Lead User Experience Designer
- Interviewed users
- Created sitemap
- Designed wireframes
- Created usability tasks
- Conducted usability tests
- Created visual designs
Results
This 4 month project provided Kraft employees an easy way to find key information related services
User Research

User Research Document: aggregates positive and negatives items seen/heard from team member. This meeting occurs directly after a user walks us through their experience using their current systems.
Sitemaps & Wires

Homepage wireframe

Category page (level 2) wireframe:

Sub Category page (level 3) wireframe

Product page (level 4) wireframe
Visuals

Homepage

Category page (level 2)

Sub Category page (level 3)

Product page (level 4)
New Search Concepts Prototype
Orbitz, LLC
Challenge
Orbitz was seeking some new search concepts to tests with their users. Orbitz contracted me to work as Concept Designer as part of the Research and Development Team for a three month period.
Role
- Created new search concepts
- Designed process flows
- Created HTML wires to speed up the process
- Designed visuals
Results
Successfully developed a better solution for customers seeking to travel to locations when they aren't sure of the city they wish to travel to.
URL: Not public
Flows

Hawaii flow

Maui flow

Kaanapali flow
Visuals

Hawaii: Would occur if a user attempts to book a trip from Chicago to Hawaii. Currently the user receives an error because the site is not aware where in Hawaii a user wants to go (created visual to fit with existing design) view Hawaii 
Maui: Would occur if a user attempts to book a trip from Chicago to Maui. Currently the user receives an error because the site is not aware what Maui is (created visual to fit with existing design) view Maui 
Kaanapali: Would occur if a user attempts to book a trip from Chicago to Kaanapali. Currently the user receives an error because the site is not aware what Kaanapali is (created visual to fit with existing design) view Kaanapali Consulting Firm Corporate Site Redesign
Bronner Group, LLC
Challenge
While working as the lead designer at Bronner was given a strict one month deadline to redesign the current site and create an entirely new site with only the old site and one resource to assist.
Role
- Designed visual interface
- Created site template pages
- Migrated content
- Coded site
Results
This new, clean looking site was created in under a month.
URL: No longer live view archived site
Visuals

Homepage

About Bronner

Technology Services
Large Web Host: Control Panel Redesign
Hostway Corporation
Challenge
To create a scalable and easy to use control panel for the nation’s largest hosting provider. This panel was to be used as the model for all franchise control panels.
Role
- Lead User Experience Design
- Helped plan project
- Gathered business requirements
- Conducted stakeholder interviews
- Gathered user research
- Conducted competitive analysis
- Created wireframes
- Designed process flows
- Created visual design
- Coded HTML/CSS
Results
As a result of user research, the applications information architecture was reorganized, a global sitemap was created, process flows were designed, and high fidelity wireframes were constructed to help create a better user experience. Visual designs were then created for multiple brands, and then the site was coded utilizing web standards based HTML/CSS.
URL: A hosting account is required
Sitemaps
Flows

Simple Domain Name Registration view PDF Visuals

SiteEasy Homepage: Users taken to this page once they sign in

Site Control Domain Name Overview Page: (partial view of the screen)

Site Control Domain Name - Search Results Page: (partial view of the screen)