recommendation ai

integrate an AI-powered product recommendation system across key pages of Benetton's eCommerce platform to improve conversion rate, reduce friction in the shopping funnel, and increase user engagement.

business goal

⟶ Increase conversion rate (CR)
⟶ Improve engagement on homepage and PDPs
⟶ Increase average order value (AOV)
⟶ Encourage cross-category product discovery
⟶ Optimize user journeys across 5 international markets

business goal

⟶ Increase conversion rate (CR)
⟶ Improve engagement on homepage and PDPs
⟶ Increase average order value (AOV)
⟶ Encourage cross-category product discovery
⟶ Optimize user journeys across 5 international markets

description of design process with a reiterative approach
description of design process with a reiterative approach

my role

Senior UX/UI Designer – Leading the UX strategy and design execution.
I collaborated with the analytics agency, developers, and product owners to ensure seamless integration of the recommendation module.

Tools: Figma - Hotjar - Analytics - Adobe

key responsibilities

⟶ Heuristic evaluation of high-traffic pages (Homepage, PDP, Listing, Cart)
⟶ Identification of friction points using user behavior data (Hotjar, GA)
⟶ Redesign of strategic pages to include the AI module
⟶ Definition of A/B testing roadmap
⟶ Weekly analysis review with performance analytics partner
⟶ Supervision of UX implementation and iterative design adjustments

  • hand holding a pencil
    hand holding a pencil
  • key responsibilities
  • logo design of a blackberry (mora)
  • design process
  • logo design of a blackberry (mora
  • ux approach
  • logo design of a blackberry (mora
  • strategic placement
  • hand holding a pencil
  • key responsibilities
  • logo design of a blackberry (mora)
  • design process
  • logo design of a blackberry (mora
  • ux approach
  • logo design of a blackberry (mora
  • strategic placement

design process

Design process with specific activities divided by analisys, ux ui design, test, implementation
Design process with specific activities divided by analisys, ux ui design, test, implementation

ux approach

Heuristic Evaluation: Selected pages were evaluated according to international usability heuristics to identify usability violations and areas of improvement.
Each issue was rated on a severity scale from 1 (minor) to 3 (critical), based on impact on the user journey.
Data-Driven Insights: Analytics and sales data were used to prioritize interventions with the greatest impact. Quick-win opportunities were identified based on performance gaps.

screenshot of befor and after home page hero banner
screenshot of befor and after home page hero banner
screenshot of befor and after home page hero banner

key ux deliverables

⟶ UX audit report and priority map
⟶ Wireframes and responsive layout concepts
⟶ Integration guidelines for the recommendation module
⟶ A/B test design and success metrics

key ux deliverables

⟶ UX audit report and priority map
⟶ Wireframes and responsive layout concepts
⟶ Integration guidelines for the recommendation module
⟶ A/B test design and success metrics

strategic placement

Slider prediction ai models
Recommended for you
Frequently bought together
Others that you may like

Results
+36% Transactions/visits to Checkout
+1% PDP pageviews
-1% Bounce rate

screenshot of homepage with carousel placement
screenshot of homepage with carousel placement
screenshot of homepage with carousel placement
screenshot of listing page with carousel placement
screenshot of listing page with carousel placement
screenshot of listing page with carousel placement
screenshot of product page with carousel placement
screenshot of product page with carousel placement
screenshot of product page with carousel placement
screenshot of cart page with carousel placement
screenshot of cart page with carousel placement
screenshot of cart page with carousel placement

heatmaps results

Scroll: over 75% of users reached the recommendation module compared to the 50% for the previous design

screenshot of heatmaps showing results befor and after
screenshot of heatmaps showing results befor and after

or call me

or call me

or call me