Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This page is used to record the proposed changes to content/processes/content location in the new design

...

ID

...

Panel Name (eKeeper)

...

Panel Name (Settings)

...

Proposed Name (UX)

...

Tab

...

Summary of Key Changes

...

PP01

...

Application Details

...

Mortgage Details 1

...

Application Details

...

Overview

...

💬 Read Only view with option to edit

...

PP02

...

Product Details

...

Mortgage Details 2

...

Product Details

...

Overview

...

💬 Read Only view with option to edit

...

PP03

...

Protection Details 1

...

Overview

...

💬

...

PP04

...

Protection Quote Details

...

Overview

...

💬

...

PP05

...

Case Notes

...

Action History

...

Notes

...

Notes

...

💬

...

PP06

...

Diary Entries

...

Diary Entries

...

Diary

...

Diary

...

💬

...

PP07

...

Attached Files

...

Attached Files

...

Attached Files

...

💬

...

PP08

...

Further Details

...

Further Details

...

(Brokers would be able to name it?)

...

💬

...

PP09

...

Simple Tasks

...

Simple Tasks

...

Tasks List

...

💬

...

PP10

...

Document History

...

Document History

...

Product Documents

...

💬

...

PP11

...

Participants

...

Participants

...

Participants

...

Overview

...

💬

...

PP12

...

Stage History

...

Stage History

...

Product History

...

💬

...

PP13

...

Supporting Documents
(Compliance Checklist?)

...

Ticklists

...

💬

...

PP14

...

Commission Options

...

Commission Details

...

💬

...

PP15

...

Initial Enquiry Details

...

Initial Enquiry Details

...

Initial Enquiry

...

💬

...

PP17

...

Related Products

...

Related Products

...

Related Products

...

💬

...

PP18

...

Trustees and Beneficiaries

...

Trustees & Beneficiaries

...

💬

...

PP16

...

Email History

...

Product Timeline Panel

...

This page is used to record comments on suggested tweaks to the development work to update the current version of the CRM with the new Ant design system UI.

Critical Update - Summary of issues

  • Wrong branding

    Status
    colourPurple
    titleCONFUSION

  • Issues with button types, style and position

    Status
    colourPurple
    titleLEGIBILITY
    Status
    colourPurple
    titleINCONSISTENT

  • Form content alignment and spacing

    Status
    colourPurple
    titleLEGIBILITY

  • Font sizes

    Status
    colourPurple
    titleLEGIBILITY
    Status
    colourPurple
    titleINCONSISTENT

  • Missing CTA buttons

    Status
    colourPurple
    titleNavigation

Type

Request

Criticality

Outcome Comment

Phase

Status

1

Header

Replace all instances of eKeeper Logo with finova 'f' logo

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
2

Header

Menu items to match UI design
- Change text colour to Finova Blue 700 (#5782C2) 100%,
- Link state (hover, down, etc)... ie down state text is bolder
- Response menu down to burger menu at same breakpoints as Fact Find
- Add spacing between 'Create Case' button & ? icon
- Remove '+' icon from 'Create Case' button
- Replace avatar (currently a coloured circle) with Icon supplied from UX team

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
3

Text content

Replace all instances of 'eKeeper' text with 'finova Broker CRM' text

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
4

Buttons

Ensure buttons indicated as primary are correctly defined

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
5

Buttons

Ensure buttons indicated as secondary are correctly defined

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
6

Buttons

Ensure buttons indicated as tertiary are correctly defined

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
7

Buttons

Ensure primary buttons are styled correctly - (text size, colour, padding)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
8

Buttons

Ensure secondary buttons are styled correctly - (text size, colour, padding)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
9

Buttons

Ensure tertiary buttons are styled correctly - (text size, colour, padding)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
10

Buttons

Move buttons (primary and secondary) to footer where indicated

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
11

Footer

Ensure a sticky footer is present on all pages and popups
(white background with top stroke)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
12

Footer

Reorder buttons in footer button group to match UI design
- ie order of button group: (secondary buttons to left then primary button to right)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
13

Footer

Position the button group to match UI design
- ie move button group to righthand side of the footer

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
14

Footer

Button label 'Save & Close' has now been changed to 'Save & Exit'

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
15

Footer

Add 'Back' and or 'Close' buttons to indicated pages to allow user to navigate back (without using the browser back button)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
16

Footer

Ensure 'Top' button appears on the far right-hand side of all sticky footers

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
17

Footer

Replace all instances of ‘eKeeper CRM V5X' text with 'finova Broker CRM’ text

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
18

Dashboard

'All Users' bar (circles with initials) - Decrease text size slightly
- for initials
- for names (underneath)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
19

Business summary

'Stages' bar (blue coloured boxes) - Decrease text size slightly
- for numbers
- for labels (underneath)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
20

Forms

Input fields
- Ensure all input field labels are the same font size

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
21

Forms

Input fields
- Ensure input text is the same font size as the field label
i.e. needs enlarging in many cases

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
22

Forms

Input fields
- Ensure spacing between label and input field is sufficient and consistent

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
23

Forms

Input fields
- Ensure spacing between input field and icon is sufficient and consistent

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
24

Forms

Bullets
- Vertically align text and bullet so as on same baseline, as shown in UI designs of Fact Find, and ensure sufficient space between bullet options

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
25

Forms

Checkboxes
- Ensure bullet and label appear on single line and are vertically aligned on same baseline, as shown in UI designs of Fact Find, and ensure spacing between elements is correct and consistent

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
26

Forms

Bullet & Checkbox Labels
- Where a label is long and breaks into multiple lines, ensure all lines left align

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
27

Forms

Page title headers
- All should be Montserrat, Semibold 30px|38px  #494A4D

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
28

Forms

Panel title headers (featured on a page)
- All should be Montserrat, Semibold 20px  #494A4D

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
29

Forms

Popup window title headers
- All should be Montserrat, Semibold 16px  #494A4D
(with 16, 24, 16, 24px padding)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
30

Forms

Product tables
- Table heading vertical spacing sometimes incorrect (first line and second line overlapping)

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
31

Forms

Product tables
- Ensure table heading and column data is aligned

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A

Type

Request

Criticality

Outcome Comment

Phase

Status

1

Business summary

Pagination controller
- Change colour to Finova Blue 700 (#5782C2) 100%

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
2

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
3

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
4

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
5

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
6

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
7

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
8

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
9

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
10

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
11

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
12

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
13

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
14

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
15

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
16

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
17

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A
18

  •  
    Status
    colourGreen
    titleCRITICAL
  •  
    Status
    colourGreen
    titleDesired
  •  
    Status
    colourPurple
    titleN/A

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A