Resume  |  Interaction Design  |  Design



Welcome to the Interaction Design section of my online portfolio. This section consists of flow-charts, wire-frames, site maps and mockups. If you have any questions about my work, please feel free to contact me.

Napster: Keyword Search & Word Wheel Searching
For the new beta, we were tasked with consolidating the search from a specific artist, track or album search to a keyword search finding a matching keyword in the title or name of the artist, track or album, yielding broader returns for users. Also, we added a word wheel matching to facilitate matching so that the user did not have to type the full term before finding a match, as well as limiting spelling error by matching to some artist aliases.
Keyword Search
Word Wheel Search


Napster: Song Bar & Album Card
Crafted a Song Bar and Album Card units using templated functionality for social sharing, purchasing and playlist creation for quick implementation.
Song Bar Behavior within Artist page
Album Card Behavior
Song Bar Behavior for Multiple Discs & Classical Works


Napster: Social Sharing
Sharing for Album, Track, Playlist, Radio and Artist with flow between email, external website and landing copy for membership upsell
Social Sharing Wireframes & Flow

Napster: Player Queue
Cold Start, Full and Null cases for Radio player for lean back listening on the new beta version of Napster with ability to purchase, share and playlist creation.Includeing grouping within the queue for easy scanning.
Radio Player & Queue

Napster: Plugin for Internet Explorer
Toolbar Plugin for Napster Beta was created for lean back experience learning and listening of artists and songs you like, or discovering related artists you might enjoy.
Napster Plugin For Internet Explorer


Napster: User Goal Documentation
Because the beta version of Napster was a restart in terms of user goals, I assisted in crafting the new user roles and created a document that identifies the goals and prioritized backlogged items in these documents
Album Page Goals
All Music Page Goals
Artist Page Goals
Favorite Functionality Goals
Napster Plugin Goals
Search Page & Return Goals


Reunion.com: Post-Registration Flow
Reunion.com wanted to implement content capture pages directly after new users register in order to have a fuller profile. Also included in the project was a way to get viral registration growth through the new post reg flow.
Post-Registration Flow Chart
Post-Registration Flow - "WhyReg" Paths
Post-Registration: Import Page
Post-Registration: People Search Page
Post-Registration: Profile Page
Post-Registration: Free Option
Post-Registration: Free Option Import

Reunion.com: Overhaul
Reunion.com recently was completely overhauled from it's original layout and look. Displayed here are only the Home Page wireframes. Similar wireframes were created for Profiles, Search Results, Announcement Tools and other Reunion.com features
Home Page Wireframe - View 1: Content Full
Home Page Wireframe - View 2: Content Empty

Reunion.com: Photo Album
Architected and designed Reunion.com Photo Album. Feature launches soon, to keep work in progress confidential only a sample of the Photo Album is displayed.
Photo Album View 1
Photo Album View 2

School Loans Corporation Consolidation Work Flow
School Loans Corporation needed a new way to process, online, application. With that, I analyzed their internal processes and architected the new process flow for their new internal processes. This includes phases of the process and the online processing of their applications.
(Material is proprietary some information blurred).
Consolidation Workflow
LVC Process Flow
Association Site Map (Status 2)

My Citysearch - User Profile and Saved Pages
Architected the wireframes for the prototype of My Citysearch, a personalized section of Citysearch.com where you can view your reviews and save profiles.
My Citysearch Prototype Walkthrough

My Citysearch - Lists and User Interaction Senarios
Wire-frames for a prototype system for My Citysearch which includes user generated lists and user to user communications.
My Citysearch Inbox
My Citysearch Message Inbox
My Citysearch Friends
My Citysearch Invite a Friend (Draft Message)
My Citysearch Invite a Friend (Preview)
My Citysearch Invite a Friend (Confirmation)
My Citysearch Favorite Restaurants
My Citysearch Lists Folder
My Citysearch Reviews

Best of Citysearch 2001, 2002 and 2003 architecture.
Developed the structure and methodology for voting on best.citysearch.com. These mockups also show the final design used in 2001. Subsequent years were designed by Paul Jennings.
Current Structure with 2003 design
National Wireframe
Market Wireframe
Poll Wireframe
Result Wireframe
Search Results Wireframe

Action and Transactions on Citysearch.com.
Developed the guidelines on how action and transactional buttons react on citysearch.com
Written Specifications for Action and Transactional flows
Arts & Entertainment Profile
Arts & Entertainment Search Grid
Directory Profile
Directory Search Grid