In 2014, the majority of web usage was moving to mobile, that's where we began our design phase. We included a number of interactive, icon driven elements to drive conversion without sacrificing user experience. Given that Juggernaut's article content was 'the funnel', we integrated infinite scroll so the user could read more pages per visit without having to stop to navigate or load new pages — a critical feature in increasing conversions.
The focus then turned to engagement, which is where our best work occurs. As each page loads, the user is greeted with a set of intuitive options. In the top left, a standard icon triggers a custom menu on every device. On the right, the user can toggle through multiple, real-time menus allowing them to sort, shop, checkout or participate in Juggernaut’s private social network, STRONG360. Finally, as the user begins reading the article, they can share, save, comment or predict reading time — each of these features are accompanied by custom functionality.
As the article progresses, interactive triggers expand related products in the right sidebar. Without interruption, the user can make on-page purchase decisions or continue reading. An intelligent advertising system recommends suggested store items most relevant to page topic.
Juggernaut’s mission is to produce and share the highest quality education — we honored this commitment by keeping content at the center of each feature.