· Documentation · 2 min read
Article Design System
Improve the user experience on the CT Article to increase the time our users spend on the site, this project impact to multiple sites of Televisa, principally TUDN and Las Estrellas.
Team - UX Developer / UX Architect Sr
My Rol - UX Architect / Design System Lead
Date and Deadline - 2020 / Two Months
Key Results:
Decrease bounce rate. Increase time spent on the page. Improve the page view metric per user.
Introduction
The design, flow, and user journey have been improved to enhance the content that users view. The main focus was on improving the information architecture.
Gallery enhancement
The design is intended to motivate intuitive consumption. We removed the carousel and replaced it with a CTA that has better performance and increased interaction, viewability, and time spent on our site.
Video enhancement
We create a clean design and improve the icon contrast to make it clear what type of content is being consumed
Related enhancement
The iterations to this block were primarily made to make it easier to navigate to other content. A clear CTA was added so that users can easily find and read similar articles.
Actions
- Implement a Design System
- Modify the architecture information and order the elements
Stack solutions
- Next.js
- Styled Components
- UX enhancement
- UI enhancement
Results
After one month, we reviewed the metrics and observed a 5% increase in page views. Additionally, the viewability of ads increased by 200%, and users spent more time on our site, with the time spent increasing from 1.20 minutes to 2.10 minutes due to navigating to other content.
