Details

      Description

      User Story

      As a new insurance shopper getting a BOP quote on Raylife, I want to be able to learn more about some of the questions asked about my employees so that I can stay informed and make the right selections.

      Acceptance Criteria:

      Given that I’m a new insurance shopper that is trying to answer questions about my employees for my BOP quote, when I need more information on some questions, then I should be able to see additional details to help me understand.

      Dynamic Information Section:

      • The following questions on the “Tell us about your employees!” page will contain a “More Info” button:
        • Federal Employer Identification Number (FEIN)
        • How many full or part time employees do you have?
      • When “More Info” is clicked, a dynamic informational section will be displayed on the right side of the quote application

      Example of Styling:

      • Informational Panel content will be Liferay Web Content
      • Informational Panel will be be dismissible by the user
      • Each question that has the button will have it’s own informational section displayed when “More Info” is clicked for that question
        • “Federal Employer Identification Number (FEIN)” info to display:
          • Title: “Federal Employer Identification Number (FEIN)”
          • Text: “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra felis eget dictum vestibulum. Nullam vulputate dolor erat, in facilisis nisl luctus nec.“
          • Secondary Text:  "If you have questions or need help click the chat button in the bottom right to chat with an Agent."
          • CTA:
            • “Learn More” - this CTA is a dummy link
        • “How many full or part time employees do you have?” info to display:
          • Title: “Full or Part Time Employees”
          • Text: “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra felis eget dictum vestibulum. Nullam vulputate dolor erat, in facilisis nisl luctus nec.“
          • Secondary Text:  "If you have questions or need help click the chat button in the bottom right to chat with an Agent."
          • CTA:
            • “Learn More” - this CTA is a dummy link

      Mobile Responsiveness:

      • All pages must be mobile-friendly
      • NOTE: ACTUAL MOBILE-RESPONSIVE DESIGNS AS SHOWN IN THE MOCKUP WILL BE COVERED UNDER A SEPARATE EPIC (LPS-134804).  WE JUST NEED TO MAKE SURE THAT THE STORY CAN BE VIEWED AS PASSABLE ON A MOBILE DEVICE

      UX Design:

      https://www.figma.com/file/Qmm3nunuK0mRoNTX2JI6qy/raylife-website-2.4?node-id=51%3A189258 

        Attachments

          Activity

            People

            Assignee:
            monica.posin Monica Posin (Inactive)
            Reporter:
            monica.posin Monica Posin (Inactive)
            Engineering Assignee:
            Monica Posin (Inactive)
            Recent user:
            Sophia Zhang
            Participants of an Issue:
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Packages

                Version Package
                7.4.13 DXP GA1
                7.4.3.4 CE GA4
                Master