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

Metra sitemap
Metra sitemap

Wires

Metra home
Metra homepage
Metra home
Metra homepage - Track your Train
Maps & Schedules Landing
Maps & Schedules Landing
Milwaukee District North: Schedule Finder
Milwaukee District North: Schedule Finder
Milwaukee District North Full Schedule
Milwaukee District North Full Schedule
Milwaukee District North - Line Map
Milwaukee District North - Line Map
Milwaukee District North - Fares
Milwaukee District North - Fares
Milwaukee District North - Station
Milwaukee District North - Station

Logistics Management Web Application

Confidential

Challenge

The company was seeking to build a web based application to streamline various processes within the logistics industry.

Role

  • Identified user groups
  • Designed process flows based on documentation review
  • Conducted contextual inquiry & User interviews
  • Diagrammed process flows
  • Designed user journey
  • Built interactive wireframes
  • Conducted Usability testing

Results

The extensive user research provided valuable insight to create a user journey to help identify key issues. A dashboard was designed to make it easier for reps to plan their day, complete their tasks and enter work orders more quickly. The new design should improve efficiency as well increase revenue.
URL: Confidential

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

Risk Manager
Pros/Cons Doc - Risk & Insurance Manager: aggregated positive and negative comments or observations observed or heard from each internal team member.
Manager
Pros/Cons Doc - Manager: aggregated positive and negative comments or observations observed or heard from each internal team member.
Manager
Pros/Cons Doc - Insurance Analyst: aggregated positive and negative comments or observations observed or heard from each internal team member.

Flows & Frames

process flow
Process Flows / Listing of screens in war room
process flow
Status Listing
process flow
Suggested Process Flow: diagrams a potential flow which exponentially improves existing processes by increasing communication and automates manual processes.
Dashboard wire
Dashboard wireframe

Visuals

Dashboard design
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
detail screen
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

UX Standards & Patterns site

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

UX Standards wire
Wireframe pattern template

Visuals

UX Standards design principles
Design principles visual
UX Standards action links
Action, link, or button partial visual

Web Application: User Roles Website

Marsh Clearsight

Challenge

Product team members would often request design work, but weren't always sure who the users were nor what tasks those users needed to accomplish. My goal was create a way for anyone in the company to easily find this information.

Role

  • Interviewed product owners
  • Gathered user roles data
  • Designed and developed site

Results

The new site allowed a way to view all projects as well as which users use which product. Once you click on a specific project you can see all of the users who would use that product. Then once you click on a specific user you can view a quick summary as to what that user does, view other apps they use, and learn more about their daily tasks and responsibilities.
URL: Internal website

Visuals

Get started - tablet
User Roles: partial card view of all user roles
Get started - tablet
User Roles: view of the back of the card for 2 users

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: https://welcome.optionshouse.com

Sitemap & User Research

Competitive Analysis
Competitive Analysis
Sitemap
Stakeholder Interviews

Wires

Welcome Center home
Welcome homepage
Get Started
Get Started
Trade Successfully
Trade Successfully
Content template
Content template

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
UX Project Estimates
Focus Group Summary
Focus Group Summary
Usability Evaluation
Expert Usability Evaluation
Usability Testing: Prep
Usability Testing: Prep
Usability Testing: Amenitiess
Usability Testing: Services & Amenities Feedback
UX Project Estimates
Usability Testing: User Feedback
Usability Testing: User Summary
Usability Testing: User Feedback Summary
User Rating Conversion
User Rating Conversion

Content

Carwise home
Repair Status Content

Process Flows

Carwise home
Process Flows

Wires

Carwise Homepage
Carwise Homepage
Carwise Search Results
Carwise Search Results
Carwise Search Results
Carwise Search Results
Carwise home
Shop page: Tier 1
Carwise home
Shop page: Tier 3
Carwise home
Shop page: Tier 3

Visuals

Carwise search results
Search Results
Carwise profile page
Profile Page
Check Repair Status - Entry
Check Repair Status - Entry
Check Repair Status -  Details
Check Repair Status - Details
Messaging Listing
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
My Vehicles
Vehicle status
Vehicle Status
my vehicles
Shop Contact Info

Visuals

my vehicles
My Vehicles
Vehicle status
Vehicle Status
shop contact info
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 screen shot
User Research Notes
User Research
Process Flow
Traveler's Re-Inspection Flow
Traveler's Re-Inspection Flow
Geico Adjuster (DRP) Flow
Geico Adjuster (DRP) Flow

Wires

Estimating iPad Prototype
Appraiser Home
Calculation states
Calculation states
Confirm Vehicle screen shot
Confirm Vehicle
Estimate over threshold
Estimate Over Threshold

Visuals

Estimating iPad Prototype
Appraiser Home
Edit Assignment
Appraiser Edit Assignment
Confirm Vehicle
Confirm Vehicle

Dispatching Application

CCC Information Services

Challenge

CCC was looking to add more functionality as well as improve on its current dispatching application.

Role

  • Lead User Experience Designer
  • Analyzed existing application
  • Conducted contextual inquiry at various insurance companies
  • Co-designed new experience

Results

The new application would fix many of the existing issues as well as simplify existing workflow by eliminating the need to open multiple web applications.
URL: Non public - B2B web application

Research

Dispatcher Interviews
Dispatcher Interviews
Customer Service Center Contextual Inquiry
Customer Service Center Contextual Inquiry

Visuals

default view
Dispatcher Home
New appointment
Dispatcher New Appointment view
Claim folder modal
Exception Details view

My Claims Web Application

CCC Information Services

Challenge

CCC wanted to provide shops with a competitive edge.

Role

  • Lead User Experience Designer
  • Analyzed competitors
  • Creative wireframes
  • Designed visuals

Results

Designed a simple way for body shops to view their shops' performance
URL: Non public - B2B web application

Visuals

my claims- Shop dashboard
My Claims Dashboard
my claims - List view
My Claims List

Industry Leading Portal Redesign

CCC Information Services

Challenge

CCC provides insurance companies with the data they need to help customers. Although CCC is an industry leader, their existing portal was dated and not user friendly.

Role

  • Lead User Experience Designer
  • Interviewed customer support center team
  • Conducted contextual inquiry
  • Created a usability analysis
  • Identified all unique screens
  • Redesigned screens
  • Coded HTML template

Results

While management decided to place the project on hold, I was able to redesign screens, and improve the existing process which would make it much easier for various user roles to conduct their daily work.
URL: Non public - B2B web application

Wires

portal wireframe
Portal Homepage
portal claim folder wireframe
Claim Folder

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

User research
UXA deliverables explanation: view deliverable
User research
Target audience needs: view deliverable

Wires

Vehicle status
UXA deliverables explanation:
Vehicle status
Target audience needs:

Visuals

The Chubb Corporation Underwriter homepage
Underwriter Homepage
The Chubb Corporation Underwriter Account page
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
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.
Usability Test: Moderator Script
Usability Test: Moderator Script view script
Vehicle status
Usability Analysis view analysis

Sitemaps & Wires

Vehicle status
Homepage wireframe
Wire Phones
Category page (level 2) wireframe:
Wire Smart Phones
Sub Category page (level 3) wireframe
Vehicle status
Product page (level 4) wireframe

Visuals

Vehicle status
Category page (level 2)
Sub Category page
Sub Category page (level 3)
Product page
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 process flow screen shot
Hawaii flow

Visuals

Orbitz homepage
Homepage: (did not create this visual, it's purely to display first step) Home page (external link)
Hawaii screen shot
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
Vehicle status
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 screen shot
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 Corportate 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

Bronner Group, LLC screen shot
About Bronner
Technology Services screen shot
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

Global sitemap view PDF

Flows

Simple domain name transfer
Simple Domain Name Registration view PDF
Bulk domain name transfer
Bulk Domain names view PDF
Activate/Purchase view PDF

Visuals

Site Control screen shot
SiteEasy Homepage: Users taken to this page once they sign in
Site Control screen shot
Site Control Domain Name Overview Page: (partial view of the screen)
Site Control screen shot
Site Control Domain Name - Search Results Page: (partial view of the screen)

PBX Web Application

Hostway Corporation - BroadXchange

Challenge

The BroadXchange product manager was seeking a way for small to medium sized companies to manage their Virtual PBX phone system via a web based control panel.

Role

  • Reviewed business requirements
  • Created wireframes
  • Designed visuals
  • Coded Standards based code

Results

Designed a clean and simple looking user interface which easily allowed companies to manage their PBX.
URL: Management decided not to move forward with the application

Visuals

Hostway Corporation - BroadXchange screen shot
My Contacts
Hostway Corporation - BroadXchange screen shot
Admin Control Panel

High Profile Web Application Prototype

Allstate Insurance Company - Deerbrook/Encompass Insurance

Challenge

Allstate was seeking to create a simple-to-use web-based application for its Independent Insurance Agents for one of its products, Deerbrook Insurance.

Role

  • Selected to co-lead visual designer for Allstate & Adaptive Path team
  • Helped code CSS
  • Responsible for conception of ideas & presenting concepts
  • Migrated visual comps to CSS/HTML
  • Co-developed style guide

Results

The prototype received very positive reviews during the user testing. This prototype was considered a huge improvement over the system the Deerbrook's Independent Agents were currently using.
URL: The application is not live, but a demo can be shown by request.

Visuals

Encompass Prototype Dashboard screen shot
Agency Dashboard visual view Dashboard

Property Management Web Application

Management Innovation, Inc.

Challenge

MMI contracted me to create various templates for a web based homeowners management application.

Role

As the lead designer, responsible for designing various clean and simple user interface templates including one for the homepage and a members page to allow condo associations to manage their properties.

Results

Designed clean and simple user interface templates to allow condo associations to manage their properties.

Visuals

MMI home screen shot
Homepage (not signed in)
Dashboard MMI screen shot
Members Homepage (signed in)