Manual Pet Details

This screen displays a series of input fields that collect details about the pet breed type and pet breed name. The details inserted by the pet owner are going to be used for calculating the premium on the policy and, also, for generating the Pet Insurance quote. For this step, the values inserted by the user are stored in the Pet entity.

From here: When the user presses Continue, the Breed Character screen is displayed.

On-Screen Assets

The following user interface components are included with the Manual Pet Details screen:

UI Components	Description
Progress Bar	The progress bar gives the user a visual answer to the "How much till I get insurance for my pet?" question.
Back Button	The back button helps the user to re-take previous steps in the flow.
Help Button	The help button allows the user to find support for completing the flow.
Heading Title	The following heading title is displayed in the header section: Please tell us about (pet name)
Supporting text	The following supporting text is displayed under the heading title: We need to know the breed details of your best friend
Breed Type Input Buttons	Under the Pedigree or Mix? label, these buttons - Pedigree and Mixed breed, allow the user to indicate the breed type.
Breed Name Input Forms	Under the Select breed label, this form allows the user to select a name for the breed, from the dropdown list. If the user previously indicates that the pet is Mixed breed, the Second breed dropdown list also becomes available, in order for the user to select the second breed name.
Breed Name Input Form	Under the Select breed label, this form allows the user to select a name for the breed, from a dropdown list.
Action Button	Continue - This button is used to display the next flow step.

For details about the default UI style components used for creating the journey, consult the UI Style Components list on the Customer Journey page.

Below is an example of the Manual Pet Details screen: