{"id":3716,"date":"2025-06-17T12:27:08","date_gmt":"2025-06-17T10:27:08","guid":{"rendered":"https:\/\/nubisoft.io\/blog\/?p=3716"},"modified":"2025-06-17T12:28:23","modified_gmt":"2025-06-17T10:28:23","slug":"custom-shopify-solution-for-dermatology-e-commerce","status":"publish","type":"post","link":"https:\/\/nubisoft.io\/blog\/custom-shopify-solution-for-dermatology-e-commerce\/","title":{"rendered":"Custom Shopify Solution for Dermatology E-Commerce"},"content":{"rendered":"
\n
\n
\n
\n

Brief<\/h1>\n

Company X is an American online store offering personalized skincare products. In collaboration with us, they implemented an independent system for data collection, purchase decision-making, and integration with medical e-services. <\/span><\/p>\n

The entire solution was seamlessly integrated with their existing store running on the Shopify platform.<\/strong><\/p> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n

\n
\n
\n
\n

Problem and Challenge<\/h1>\n

Company X needed technological support for their personalized cosmetics sales process, which begins with collecting data about the client’s skin condition and ends with delivering the appropriate product \u2013 whether ready-made, custom-created, or prescribed after a teleconsultation.<\/span><\/p>\n

\n

Available Shopify plugins and extensions proved insufficient to handle this complex scenario<\/strong>. They lacked flexibility in building conditional logic, integration with external APIs, and full control over the user interface.<\/span><\/p>\n<\/blockquote>\n

Our task was to build an external system that would seamlessly and aesthetically fit into the existing store.<\/span><\/p>\n

The main challenges in the project were:<\/strong><\/p>\n

    \n
  • Designing and creating an interactive quiz<\/strong> that collects data needed to determine product composition or direct the patient to a medical consultation.<\/span><\/li>\n
  • Maintaining full visual and functional consistency<\/strong> with the existing Shopify-based store \u2013 despite the quiz application being an external system.<\/span><\/li>\n
  • Handling multiple post-quiz scenarios: recommending a ready-made product, transferring data for personalized product manufacturing, or initiating the medical pathway.<\/span><\/li>\n
  • Integration with the US e-prescription system<\/strong>, where doctors work with external platforms for issuing digital prescriptions.<\/span><\/li>\n
  • Data synchronization between modules, including the laboratory, telemedicine platform, and customer service backend.<\/span><\/li>\n<\/ul> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n
    \n
    \n
    \n
    \n

    Solution<\/h1>\n

    We created an independent web application that serves as a diagnostic quiz while simultaneously managing the entire product personalization pathway. <\/span><\/p>\n

    \n

    The application was designed to be lightweight, responsive, and fully visually consistent with the client’s existing Shopify store \u2013 despite operating outside its environment.<\/span><\/p>\n<\/blockquote> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n

    \n
    \n \n\n
    \"<\/figure>\n\n\n<\/div>\n<\/div>\n\n
    \n
    \n
    \n
    \n

    React technology handles the user interface, while the backend, based on Spring Boot, manages all business logic, data processing pathways, and integrations with external systems.<\/span><\/p>\n

    The quiz enables collection of key information about the user’s skin and automatically directs them to one of three pathways:<\/span><\/p>\n

      \n
    • Ready-made product<\/b> \u2013 recommendation of a product available in the store’s standard offering, suitable for the user’s specific skin type.<\/span><\/li>\n
    • Personalized product<\/b> \u2013 preparation of a dedicated formulation based on a unique recipe developed by the laboratory, delivered directly to the client.<\/span><\/li>\n
    • Medical therapy<\/b> \u2013 in cases requiring medical intervention, the quiz directs the user to a medical teleconsultation, where a doctor can issue an e-prescription based on quiz results and additional data. The prescription is then fulfilled by the laboratory, which prepares an individually tailored prescription product.<\/span><\/li>\n<\/ul> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n
      \n
      \n \n\n
      \"<\/figure>\n\n\n<\/div>\n<\/div>\n\n
      \n
      \n
      \n
      \n
      \n

      We also ensured complete technological separation from Shopify \u2013 the application operates independently, but thanks to appropriate UI\/UX, it doesn’t disrupt user experience continuity. <\/span><\/p>\n<\/blockquote>\n

      A key aspect was preparing conditional logic for processing quiz results and transferring them to appropriate modules: laboratory, telemedicine platform, or e-prescription system<\/strong>. All integrations with external systems \u2013 both medical and the client’s internal systems \u2013 were based on secure APIs.<\/span><\/p> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n

      \n
      \n \n\n
      \"\"<\/figure>\n\n\n<\/div>\n<\/div>\n\n
      \n
      \n
      \n
      \n

      The solution was completed with a back-office application \u2013 the Formulation App \u2013 used by the client’s employees to manage quiz results, create cosmetic formulations, and collect customer feedback. This is where input and feedback data are analyzed, and cosmetic formulas are continuously improved based on real user needs.<\/strong><\/span><\/p> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n

      \n
      \n \n\n
      \"This<\/figure>\n\n\n<\/div>\n<\/div>\n\n
      \n
      \n
      \n
      \n

      Lessons Learned<\/h1>\n

      Through this collaboration, we gained practical know-how in developing complex applications that work with the Shopify ecosystem and integrate medical and sales data in one cohesive process.<\/span><\/p>\n

      In summary, we can meet challenges related to:<\/span><\/p>\n

        \n
      • Creating complex, interactive forms<\/strong> that are both intuitive for users and crucial from a business logic perspective,<\/span><\/li>\n
      • Maintaining full visual consistency<\/strong> between an external application and an existing online store,<\/span><\/li>\n
      • Shopify platform limitations<\/strong> \u2013 we thoroughly examined its capabilities and constraints in the context of extending functionality, such as custom quizzes and conditional logic,<\/span><\/li>\n
      • Appropriate solution architecture selection \u2013 we made a conscious decision to create a parallel quiz application<\/strong> instead of attempting to build functionality within Shopify, which allowed for greater flexibility and independence,<\/span><\/li>\n
      • Integration with external medical systems<\/strong> \u2013 we successfully connected our system with the US e-prescription and telemedicine service.<\/span><\/li>\n<\/ul>\n

        If you’re facing similar challenges \u2013 contact us. We’ll be happy to propose an appropriate solution.<\/strong><\/p> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n

        \n\n
        \n
        \n\n \n
        \n\n
        \n

        \n Who are we? <\/h2>\n

        \n At NubiSoft, we develop software for the e-commerce industry. We are certain that well-designed solutions can make a real difference in the operations of e-commerce businesses. <\/p>\n\n <\/div>\n