-
HPShopping.com Search Results Alternate Layout Mockups
Version 2: Showing Product Details
Project Description:
Click for project detail view
-
HPShopping.com Search Results Alternate Layout Mockups
Version 1: Hiding Product Details
Project Description:
Click for project detail view
-
HPShopping.com Warehouse Sale Campaign
Themed Store Landing Page
Project Description:
Click for project detail view
-
HPShopping.com Back-to-School Shopping Guide
Study Anywhere: Quad
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: Dorm Room
Project Description:
Click for project detail view
-
HPShopping.com Digital Photography Solutions Center
Studio Configurator
Project Description:
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
-
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
Make $0 Payments Up To 12 Months
Project Description:
Click for project detail view
-
HPShopping.com Digital Photography Solutions Center
Landing Page
Project Description:
Click for project detail view
-
HPShopping.com Fathers Day Campaign
HTML Email
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 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 Summer Print Catalog and Store Website Homepage
Project Description:
Click for project detail view
-
HPShopping.com Various Onsite Product Promotion Graphics
Project Description:
Click for project detail view
-
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 Static Banner Ads – 18 Examples
Project Description: Examples of promotional banners shown throughout the year on HPshopping.com.
Click for project detail view
-
HPShopping.com Product Detail Page Design
Project Description:
Click for project detail view
-
HPShopping.com Printer Series Detail Page Design
Project Description:
Click for project detail view
-
HPShopping.com PC Series Matrix Page Design
Project Description:
Click for project detail view
-
HPShopping.com Integration Showcase Solution Wireframes
Project Description: Remember html iframes and popup browser windows? These wireframes presented each as an option for the Digital Photography, Mobility, and Home Entertainment product showcases back in 2003. We didn't want to just link to showcase pages for some reason but we did want to keep the standard c-frame persistent.
Click for project detail view
-
HPShopping.com Homepage Visitor Scenario Wireframes
Project Description: Wireframes showing content scenarios that would be presented depending if a visitor was new, returning, and signed-in to the ecommerce website. Each scenario wireframe indicates content that we wanted to present along with general layout where the content would appear. This helped engineers understand what database and code development updates would be needed. Eventually scenarios were also created for customers who had previously purchased from the site and recommended products based on their previous purchases along with other user types.
Click for project detail view
-
HPShopping.com Email Postcard “Be First In Line”
Project Description:
Click for project detail view
