Details

      Description

      User Story:

      As a new insurance shopper getting a Raylife quote for a Business Owners Policy (BOP), I want to be able to see where I’m at in the application process so that I can estimate how long it will take to get my quote.

      Acceptance Criteria:

      Given that I’m a new insurance shopper that has started a Business Owners Policy (BOP) application, when I navigate from page to page in the application, then I should be able to see where I’m at within the process.

      Application Navigation Sections:

      • In the BOP quote application, 4 main sections of the quote form should be displayed in the form progress navigation:
        • Basics
        • Business
        • Employees
        • Property

      Navigation Functionality:

      • When users are viewing a current section, that section will be highlighted as per the mockups
      • When a section is completed (all information has been saved successfully), that completed section will be indicated with a check mark as per the mockups
      • When a section has not yet been completed and the user is not currently viewing that section, that section will be highlighted as per the mockups
      • Progress within each navigation section will be shown to the user as per the mockups
         
        • Calculation of progress within each navigation section will be as follows:
          • Total Number of Completed Fields in that Section / Total Number of Required Fields in that Section 
            • e.g. 4 out of 16 questions:  4/16 = 25% progress complete within the section
      • Navigation is clickable for sections that are partially or fully complete.
        • When a user clicks on a section, the user will be navigated to the first page within that section
        • Pages within each form navigation section:
          • Basics
            • Welcome! Let’s Start.
            • Just the business basics!
            • Select a product.
          • Business
            • Let’s get to know your business!
          • Employees
            • Tell us about your employees!
          • Property
            • More about <Street address entered by the user>

      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=42%3A255083 

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              monica.posin Monica Posin (Inactive)
              Reporter:
              monica.posin Monica Posin (Inactive)
              Engineering Assignee:
              Mateus Domingos (Inactive)
              Recent user:
              Brunno Castro
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package
                  7.4.13 DXP GA1
                  7.4.3.4 CE GA4
                  Master