La Suite Skincare
JavaScriptKlaviyo APIShopify APIHTMLCSS

La Suite Skincare

Skin Quiz Customization

For this project, I implemented a customized skincare quiz experience on La Suite’s Shopify store to deliver personalized skincare routines and automated follow-up marketing. The solution was built on top of the QuizKit Shopify app, with additional custom logic and integrations to extend its default capabilities.

I developed a custom results layout that grouped recommended products into distinct AM and PM routines, requiring transformation of the quiz output into a structured format suitable for both front-end rendering and downstream integrations. This ensured the results were clear to the customer while remaining consistent across email and on-site experiences.

To support personalized promotions, I used Shopify’s API to dynamically generate unique discount codes for each quiz submission. These promo codes were set to include only the products recommended in the customer’s results and were returned in real time to be displayed on the results page. The same discount code and product data were then passed to Klaviyo via Klaviyo’s API, where they were stored on the customer profile and used to trigger a personalized follow-up email.

In addition, I implemented persistent result storage in a database, allowing quiz results and associated discount codes to be reloaded automatically when a customer returned via an email link. This ensured continuity across browsers and devices, removed reliance on local storage, and provided a seamless post-quiz experience.

The final implementation combined custom front-end rendering, API-driven discount generation, third-party integrations, and persistent data storage to create a scalable personalization workflow that bridged on-site engagement and email marketing automation.

Visit Site