Client — Intel
Year — 2017
Role — CD
Category — Product Design System

Challenge

As trends and business objectives are in a continuous state of flux, Intel's website must be nimble and flexible enough to meet these changes and adapt. We build the AEM blades and templates (the building blocks) of Intel's website that are used by storytellers, marketers, and strategists who utilize a variety of medium (art, copy, video, data) to deliver their message.

Solution

With an agile multi-disciplinary design + development team, we are in a near constant state of adding functionality and making design/interactive refinements to intel.com. Sometimes we refine and enhance existing blades and templates based on analytics/focus group. Sometimes we build them from scratch. The responsive design framework is optimized for multiple breakpoints and frequently A/B tested to ensure optimization.


Homepage

Intel's homepage utilized a stacked layout of identical promotional blades, and offered limited customization options to the design/editorial teams. We designed and built a new homepage template system (with a variety of new blades options) that provides greater layout flexibility and creativity to the design team. Amongst the enhancements include a feature a fullpage video takeover to deliver important news announcements.

Product gallery

We added an image carousel component on the homepage that routes users to category pages while showcasing the product in high resolution.

Product Catalog

Product-related content on Intel.com is one of their most heavily visited areas, generating over 95 million page views in 2016. Previously, there were 3 stand-alone properties that hosted overlapping, redundant content for the customer journey where properties not only looked, but behaved differently.

We redesigned the product catalog from the ground up as a user-centric task-oriented environment. The marquee imagery reinforces product branding with design cues derived from box art packaging. We overhauled the product comparison tool, and introduced a new shop component which enables users to purchase from virtually anywhere.

Filters

Robust filtering, sorting, and viewing mechanisms empower the user with more viewing choices.

Find a Store

New map-powered search functionality was added to enable users to easily find brick and morter stores and product resellers.

Product Detail

At the SKU level, we added a variety of new components including product options and compatable products blades which assist the user in their shopping experience, and we proposed an image/video gallery to showcase the form factors of certain products.

Editorial

As a popular B2B destination, users rely on Intel to provide thought provoking articles and industry insider business content. We redesigned these templates so they are flexible enough to publish massive amounts of stories over a broad range of topics.

Pattern Library

To more effectively promote best practices of design across Intel's global properties, we created a robust online style guide and pattern library.