Project to improve the experience of product details and the payment process.
As a UXer, I led the redesign of the Frávega product page, focusing on improving the user experience when interacting with product details.
My main objective was to provide a new visual style that would not only increase traffic but also make the information more accessible and understandable for users.
In the redesign of the Frávega product page, the visual core focused on creating an aesthetic experience that was both functional and attractive, ensuring that every visual detail served its purpose of guiding the user.
The main palette from the Frávega Brandbook was used, while secondary colors were created to create accents that draw attention to specific points of interest, such as financing, discounts, and relevant information, without overwhelming the user.
We used a clean font for easy reading on any device. Text size and thickness were optimized to improve visibility and information hierarchy.
Product photos were enhanced to show specific details, increasing visual interest. Additional images, such as accessory images, provided greater detail.
We incorporated simple and understandable icons to represent product features, such as size and compatibility. This allows anyone to quickly understand key characteristics.
Smart use of white space improves readability and helps users focus on important information, making the navigation experience more fluid.
#000000
#801DD9
#F1F1F1
#ffffff
This approach not only gave the products a more modern and attractive style, but also made it easier for users to navigate and understand information. The design reflected Frávega's commitment to innovation and providing a satisfying experience for all its customers.
Today, we spend more than half of our day with our phones in our hands. That's why we always have to think mobile-first: if the mobile experience isn't good, we're missing out on many opportunities without even realizing it.
Frávega's current product listings failed to capture attention, presented unclear information, and made it difficult for users to make purchasing decisions, impacting visits, engagement, and conversions. Furthermore, the process of adding new products was complex and slow for suppliers.
We achieved a 40% increase in visits to product pages compared to 15% with the previous page.
Average time spent on the page was improved thanks to the clearer presentation of information and the prominent visibility of product attributes.
After several user studies, we generated a reorganization of the information. The strongest insights were: clarity in pricing, financing, comparison, and key features. Thanks to these changes, conversions increased by 15%.
The workflow was simplified to allow for rapid integration of new products by suppliers, using templates designed in line with our design system.
