Portfolio / Industries / Fortune 50
-
HPShopping.com Telephone Order Management Interface (TOMI) Call Center Interface
Project Description: Created as part of HPShopping’s Customer Contact Management Tool, TOMI was used by telephone operators when customers called in to place or change orders. The portal provided a central area where associates can find current promotions, see featured products to promote, along with managing customer order information. This was a quick design refresh to make the interface friendlier and more usable. Because of budget and time restraints, some screens, such as the New Customer form, were not fully designed but were at least coded with semantic HTML elements. You should have seen what at looked like back in 2004 before this refresh.
Click for project detail view
-
HPShopping.com Various Onsite Product Promotion Graphics
Project Description:
Click for project detail view
-
HPShopping.com Visual Design Coordination Between Summer Print Catalog and Store Website Homepage
Project Description:
Click for project detail view
-
HPShopping.com Visual Design Coordination Between Sunday FSI Inserts and Store Website Landing Page
Project Description:
Click for project detail view
-
HPShopping.com Visual Design Coordination Between YOU Campaign and Store Website Homepage
Project Description:
Click for project detail view
-
HPShopping.com Fathers Day Campaign
HTML Email
Project Description:
Click for project detail view
-
HPShopping.com Digital Photography Solutions Center
Landing Page
Project Description:
Click for project detail view
-
Standard & Poor’s Consumer Services Division Site Maps
Maintenance Area
Project Description:
Click for project detail view
-
HPShopping.com e-Financing Center 2 Offers
Make $0 Payments Up To 12 Months
Project Description:
Click for project detail view
-
HPShopping.com Website Optimization and Scalability Presentation
Modern Web Design / CSS Pitch
Project Description: Around 2005 as web standards emerged and CSS was becoming the standard for creating and styling web page layouts, I championed the cause within HP in my department. Designers who started in print design were already familiar with using stylesheets and aware of their benefits from using programs such as Quark Express and Adobe PageMaker (similar to Adobe InDesign) when creating brochures, newsletters, catalogs, and magazines, or other types of publication designs. Business stakeholders, managers, and developers were generally less familiar with the concept of stylesheets though and this presentation aimed at informing and educating on the benefits of switching from HTML table based layouts to using CSS (or CSS-P) for positioning elements on web pages. It highlights specific benefits to the user experience (UX) (or customer experience (CX) in this case), benefits to how the brand would be perceived, plus how designers and developers workflow could be organized and optimized to reduce time spent on projects.
Click for project detail view
-
HPShopping.com e-Financing Center 2 Offers
Pay No Interest for 18 Months or Make $0 Payments for 12 Months
Project Description:
Click for project detail view
-
PeopleSoft Connect Conference Guidebook – Mailer Version
Project Description: Created in-house at PeopleSoft based on their “Real” concept (previous attendee feedback was they wanted ‘real’ content). Other event materials were leveraged for developing guidelines on use of colors, icons, fonts, graphics and wording/adjectives, such as previously created “Save the Date” postcards and wayfinding signage, My concept was to have a continuous line run page to page to tie everything together visually and to hang content from. I then used the orange from their corporate color palette to lead the viewers eye through content areas from page to page. Multiple mailer versions were sent out to generate demand and ultimately registrations for the event by targeting audiences such as past attendees, Asia Pacific, Latin America, North America, and for web download.
Click for project detail view
-
PeopleSoft Connect Conference Guidebook – Onsite Version
Project Description: This version of the guidebook was handed out at the event. The layout template with FPO text and graphics was created in InDesign and handed-off as a template to be populated by another designer nearer the event date so it could include more specific detailed information.
Click for project detail view
-
ApartmentSearch.com SEO Landing Pages
SEO Property Name Keyword Focused Landing Page
Project Description:
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 1: Search Interface Options
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 2: Search Results Listing Wireframe with Competitive Analysis Screengrabs
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 3: Property Detail Wireframe
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 4: Search Interface With Expanded Options
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
HPShopping.com Digital Photography Solutions Center
Studio Configurator
Project Description:
Click for project detail view
-
HPShopping.com Back-to-School Shopping Guide
Study Anywhere: Dorm Room
Project Description:
Click for project detail view
-
HPShopping.com Back-to-School Shopping Guide
Study Anywhere: Library
Project Description:
Click for project detail view
-
HPShopping.com Back-to-School Shopping Guide
Study Anywhere: Quad
Project Description:
Click for project detail view
-
Standard & Poor’s Consumer Services Division Site Maps
Subscriber Area
Project Description:
Click for project detail view
-
HPShopping.com Warehouse Sale Campaign
Themed Store Landing Page
Project Description:
Click for project detail view
