Autovisie is one of the biggest carnews sites in the netherlands. For this project we focussed on the article page. The bouncerate was high on article pages. While doing a redesign we've added multiple components to keep readers on the autovisie.nl website.
Articlepage when scrolled
Fixed breadcrumbs bar when scrolling down. Regular header comes back when scrolling up again. There's also a bottombar showing articles that are relevant revealing after hitting 60% of the article.
Articlepage when at bottom
The bar on the left adds motivation & gamification to finish your read. It fills up while scrolling through the article. At the end of the article the line turns into a checkbox to mark the article as read ;)
Articlepage on Mobile
With less real estate we removed several (luxury) elements. Breadcrumbs are gone. The "read indicator" is not here aswell. The "links" inbetween the article are a horizontal scroll element on mobile. Which makes just 1 item visible when you scroll vertically through the article.
