Portfolio / Industries / eCommerce
-
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 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 PC Series Matrix 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 Product Detail Page Design
Project Description:
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 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

-
iNetDVD.com Logo
Project Description:
Click for project detail view

-
HomeRun.com Dynamic Banner Ad Template Design
Initial Wireframe of Rough Ideas
Project Description: Created in Flash these dynamic banner ads pulled in campaign offers based on customer location and demographics. The formats needed to be flexible enough to present various amounts of text and images in ways that presented the offers clearly and didn't look awkward. We established content standards, character count limits, and image formats to be used as guidelines.
Click for project detail view

-
BreathalyzerSuperstore.com Affiliate Website Design
Interstitial Modal Appears Before Redirecting to Affiliate Site
Project Description:
Click for project detail view

-
JarMedia IntraCleanse Microsite Landing Page
Project Description:
Click for project detail view

-
JarMedia “Easy Google Money” Microsite Landing Page
Project Description:
Click for project detail view

-
HPShopping.com Digital Photography Solutions Center
Landing Page
Project Description:
Click for project detail view

-
JarMedia AcaiElite Free Trial Microsite
Landing Page
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

-
NextCustomer Family of Brands Logo Examples
Project Description: The original LeadsCon logo had a checkmark in a box as the logomark along with the logotype. This redesign for the NextCustomer logo was crowd sourced by my client and I was assigned to create the additional family of logos based on the new direction. Each website already had a distinct color I had developed previously and applied to the various logos. NextSubscriber had not been designed or developed yet so it's color is less thought out.
Click for project detail view

-
NextCustomer Press Kit Brand Guide
Project Description:
Click for project detail view

-
Breathalyzer.net Email Newsletter Template Design
November Issue
Project Description:
Click for project detail view
