Globo's new checkout
Designing a payment experience
​
Design team
Antonio Duarte (Senior UX Designer)
Carlos Eduardo (Lead UX Designer)
My role
Product Discovery, Information Architecture; User Research; Visual Design
Client
Globo
Year
2020
The challenge
Globo is a MediaTech company in Brazil focused on streaming services. In order to improve the business model and create new offers to customers, it was needed to fix the current payment experience.
​
The Sales Platform used Sales Force as back-end and Vlocity as a front-end framework. For this project, the engineers have already planned to build another architecture without Vlocity.
Problems
• Low performance (loading time around 18 seconds)
• Current platform couldn’t escalate the business model and create bundles
• Many hard coded components, difficult to test and make UI improvements
• No user behavior tracking on Google Analytics
The redesign should consider different case scenarios for offers and devices (desktop, in-app, TvOS)
How I planned the design process:
• interview with business stakeholders and the Product Owner to understand the problems and align expectations
• desk research of previous findings and benchmark
• product definition workshop
• design critique
• prototype
• usability test
A Miro board was created as a "workgroup" room with the stakeholders and project's documentation
Design process
• full remote teams
​
• interview with business stakeholders and the Product Owner to understand the problems and align expectations
​
• desk research of previous findings and benchmark
​
• co-creation workshop with engineers to understand the back-end architecture
​
• workgroup with stakeholders to create the platform’s framework
​
• prototype and test
​
Understanding the Sales Platform back-end architecture
I created a visual map based on the original tech documentation to better explain the architecture and facilitate the communication with the team
ORIGINAL
NEW VISUAL MAP
The new interface
• I designed a whitelabel interface solution, that could be painted according to each product’s brand identity in the future.
• Although for the MVP launch I couldn’t use product’s logos because the marketing team was still negotiating with other partners to understand how to sell bundles with Disney+, Deezer and others.
• was the default brand, that represented all Globo’s D2C digital products
• Each product should choose the best payment option and the interface would always show it at first with an open form
• Very simple visual components focusing more on parameter's hierarchy and responsivity
Visual design
Desktop
Smartphone
Wanna know more about the usability test and further results? Check it out here.