Lancôme xây dựng lại trang web dành cho thiết bị di động dưới dạng một ứng dụng web tiến bộ (PWA) và tăng số lượt chuyển đổi thêm 17%

Thông tin về Lancome

Để thúc đẩy cả lưu lượng truy cập và mức độ tương tác lại, thương hiệu mỹ phẩm cao cấp Lancôme đã ra mắt ứng dụng web tiến bộ (PWA) với Mobify để mang đến trải nghiệm nhanh, giống như ứng dụng trên web dành cho thiết bị di động.

  • Số lượt chuyển đổi tăng 17%
  • Số phiên trên thiết bị di động trên iOS tăng 53%
  • Tỷ lệ chuyển đổi tăng 8% trên giỏ hàng được khôi phục qua Thông báo đẩy

Khó khăn

Năm 2016, Lancôme nhận thấy lưu lượng truy cập trên máy tính để bàn vượt quá giới hạn trên thiết bị di động lần đầu tiên vào năm 2016. Mặc dù số lượng khách truy cập trang web dành cho thiết bị di động ngày càng tăng, nhưng tỷ lệ chuyển đổi trên thiết bị di động không khớp với tỷ lệ chuyển đổi trên máy tính để bàn. Mặc dù 38% giỏ hàng dẫn đến đơn đặt hàng trên máy tính, trong khi tỷ lệ chuyển đổi trên web dành cho thiết bị di động chỉ là 15%. Sự chênh lệch này cho thấy người tiêu dùng đã gặp phải những trở ngại đáng kể khi cố gắng mua hàng trên thiết bị di động. Khi web dành cho thiết bị di động trở thành một lĩnh vực trọng tâm cốt lõi, Lancôme đã gặp khó khăn trong việc xây dựng một trải nghiệm nhanh chóng và hấp dẫn cho những người mua sắm qua web dành cho thiết bị di động.

Chúng ta không thể xây dựng ứng dụng cho điều đó sao?

Lúc đầu, Lancôme cân nhắc việc tạo một ứng dụng thương mại điện tử dành cho thiết bị di động, nhưng quyết định rằng ứng dụng chỉ phù hợp với những khách hàng thường xuyên truy cập. Họ hiểu rằng những người mua sắm trên trang web dành cho thiết bị di động của Lancôme hành xử khác biệt và không quay lại sử dụng ứng dụng thương mại điện tử hằng tuần, chưa nói là hằng ngày. Lancôme muốn xây dựng trải nghiệm người dùng (UX) phù hợp trên tất cả các thiết bị của họ. Công ty cần một trải nghiệm tải nhanh, hấp dẫn trên thiết bị di động, tương tự như những gì họ có thể đạt được với ứng dụng gốc, nhưng cũng có thể tìm thấy và truy cập được qua web dành cho thiết bị di động.

Giải pháp

Thay vì ít phải cập nhật trang web cơ bản, Lancôme tìm đến các công nghệ PWA để cung cấp trải nghiệm sống động, giống như ứng dụng. Họ đã tận dụng nhân viên dịch vụ để mang lại hiệu suất đáng tin cậy trên các mạng không ổn định và thông báo đẩy để tương tác lại. PWA tốt nhất của họ đạt được điểm hiệu suất 94/100 trên Lighthouse, một công cụ tự động giúp cải thiện chất lượng trang web.

Với PWA mới, thời gian cho đến khi trang tương tác được giảm 84% so với trải nghiệm trước đây trên thiết bị di động, với tỷ lệ thoát tương ứng giảm 15%. Lancôme nhận thấy số phiên trên thiết bị di động tăng hơn 50% và số lượt chuyển đổi tăng 17%. Chiến lược mới này cũng mang lại trải nghiệm tốt hơn nhiều cho người dùng trên các nền tảng. iOS đóng vai trò cực kỳ quan trọng đối với Lancôme – 65% tất cả người dùng truy cập vào PWA đều sử dụng iPhone. Nhờ PWA mới, Lancôme nhận thấy thời lượng phiên tăng 53% và tỷ lệ thoát giảm 10% ở người dùng iPhone (mặc dù mục trong trình đơn "Thêm vào màn hình chính", thông báo đẩy và chức năng lưu vào bộ nhớ đệm ngoại tuyến không hoạt động do ứng dụng PWA của nhân viên dịch vụ không được iOS hỗ trợ trên iOS).

Tỷ lệ tương tác cao hơn của Lancôme nhờ tốc độ tải xuống tăng lên và các cải tiến về giao diện người dùng của trang web mới. Trên các thiết bị Android (hỗ trợ trình chạy dịch vụ), Lancôme cũng tận dụng các công nghệ tương tác lại như thông báo đẩy, vốn đã trở nên rất phổ biến với người dùng: Hơn 18.000 người mua sắm đã đăng ký nhận cảnh báo kể từ khi trang web ra mắt vào tháng 10 năm 2016. Thông báo trông giống như thông báo trên các ứng dụng gốc và sẽ xuất hiện ngay cả khi trình duyệt không còn chạy nữa. Lancôme gửi 4 hoặc 5 thông báo mỗi tháng để thông báo về các chương trình khuyến mãi và đợt phát hành sản phẩm độc quyền. 8% người tiêu dùng nhấn vào thông báo đẩy sẽ mua hàng, cao hơn nhiều so với tỷ lệ chuyển đổi trang web trên máy tính để bàn. Lancôme cũng thành công lớn trong việc sử dụng thông báo đẩy để kết nối lại với những người mua sắm đã bỏ giỏ hàng. Chiến lược mới đã mang lại tỷ lệ mở 18% trên thiết bị di động và tỷ lệ chuyển đổi trên những giỏ hàng bị bỏ ngang đã tăng 8%.

Tất cả đã nói, PWA đã là một thành công to lớn, giúp gã khổng lồ trong lĩnh vực làm đẹp này đạt được bước tiến lớn về web dành cho thiết bị di động.

Kết quả

Tổng thể

  • Giảm 84% thời gian cho đến khi trang có tính tương tác
  • Số lượt chuyển đổi tăng 17%
  • Tỷ lệ thoát giảm 15%
  • Số phiên trên thiết bị di động tăng 51%

iOS

  • Số phiên trên thiết bị di động trên iOS tăng 53%
  • Tỷ lệ thoát trên iOS giảm 10%

Thông báo đẩy

  • 8% người tiêu dùng nhấn vào thông báo đẩy sẽ mua hàng
  • Tỷ lệ mở thông báo đẩy là 18%
  • Tỷ lệ chuyển đổi trên giỏ hàng được khôi phục tăng 12% qua Thông báo đẩy