Interactive Marquee
In 2019, I designed and tested the Interactive Marquee, a new design system component.
In 2019, I designed and tested the Interactive Marquee, a new design system component.
Our team would create new Adobe Experience Manager (AEM) components if there were specific use cases or requirements not being met by the current design system components, or to experiment with improving page metrics. In workshops with publishers and stakeholders from other departments, the team was able to identify areas of opportunity to prioritize when ideating new web components and utilities.
Stakeholders wanted more opportunities to personalize, as it increased relevance and the likelihood of interaction and conversion.
Cutting down on page scroll, especially mobile, without removing key content was an ongoing challenge for Cisco.com page authors.
Most users at this time were desktop users (90%+), and we wanted to increase engagement with these users.
The solution was a re-imagining of existing marquee components with a new desktop hover interaction and mobile swipe gallery. This component was featured on the Cisco.com homepage and other main Cisco category pages as the first page item (aside from the navigation) that viewers saw when first visiting a page.
In FY’18 and FY’19, data analysts at Cisco conducted an Adobe Analytics study comparing click metrics on the Cisco.com homepage. A key difference between the two years was the updated marquee component featured on the homepage.
Increase in clicks on homepage from updated marquee
Decrease in mobile bounce rate
Increase in mobile views
Increase in overall page views