cisco-1.jpg

Redesign pages for Cisco.com

Redesign pages for Cisco.com

Cisco.com Page Redesign Examples

Goal

Be innovative but keep the basics creating digital experiences on Cisco.com that follow foundational design system. Making the pages lighter, faster mobile and SEO optimized which would drive more engagement.

Role

Build and redesign old pages of Cisco.com that starts from handling client engagements all the way from requirements to creating wireframes in Axure to delivering Zeplin ready specs for developers.


How To Buy - Redesign

A design that utilizes standard Contact Us component (Right Rail or Sticky Nav) and has a consistent layout, identify duplicates and content for all the global (different locals) How To Buy pages on Cisco.com.

Challenge

To make sure the layout is consistent on 3 different views:View 1: Anonymous guest

View 1: Anonymous guest

View 2: Registered guest & Customer

View 3: Partner & Employee

Metrics

Screen+Shot+2019-11-01+at+4.58.44+PM.jpg

Along with another senior designer worked on collecting data and metrics on number of clicks over 3 weeks on different views for How To Buy Page.

Screen+Shot+2019-11-01+at+5.15.29+PM.jpg

After analyzing the metrics and based on the number of clicks data I came up with multiple variations to accommodate the goals for the design problem.


Co-innovation center - Redesign

Design and content refresh for Co-innovation page on Cisco.com to improve SEO, page engagement and mobile optimization using the building blocks for Cisco.com.

Screen+Shot+2019-11-01+at+3.03.16+PM.jpg
Screen+Shot+2019-11-01+at+3.02.19+PM.jpg

SuccessHub - Redesign

Organizing and aligning the structure of the SuccessHub page on Cisco.com following the information hierarchy and standard component design system on the page. Along with this help and provide publishing team with correct size of asset production for images and icons.

Screen+Shot+2019-11-01+at+3.08.22+PM.jpg
Screen+Shot+2019-11-01+at+3.08.51+PM.jpg