Challenge
Redesigning and evolving the “Premium Highlight” across multiple contexts within Globoplay, ensuring visual and technical consistency across all platforms (web, mobile, and TV). The component needed to adapt to different variations of use — such as sales, channels, live streams, and editorial highlights — while maintaining visual impact, accessibility, and scalability. In addition, a variation for the in-between rails highlight (inserted within the continuous flow of content cards) had to be considered.
Solution:
The initial concept of the main component was developed by Gabriela Lopes, with whom I collaborated closely. After her transition to a leadership role, I took over responsibility for the project, leading alignment with development, refining specifications, and driving the component into production, including detailed accessibility annotations.
In parallel, I individually redesigned the In-Between Rails Highlight — a variation of the Premium Highlight inserted within the consumption cards. This version required simplifying the visual hierarchy while keeping consistency with the main component.
Additionally, we conducted an A/B test in partnership with the Growth and UX Research teams to validate versions with and without a button in the highlight, ensuring data-driven decisions with direct impact on user experience.
Design Details:
Seamless adaptation for web, mobile, and TV; Consideration of different contexts: sales, channels, live streams, and editorial content; Accessibility attributes documented across both components; Consistent palette and typography aligned with product guidelines; Simplification applied to the In-Between Rails Highlight to ensure clarity in high-content density scenarios; Iteration validated through A/B testing focused on engagement.
