Versions Compared

Key

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

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 Updates - Summary of issues

  • Wrong branding

    Status
    colourRed
    titleCONFUSION

  • Issues with button types, style and position

    Status
    titleLEGIBILITY
    Status
    colourPurple
    titleconsistency

  • Form content alignment and spacing

    Status
    titleLEGIBILITY

  • Font sizes

    Status
    titleLEGIBILITY
    Status
    colourPurple
    titleconsistency

  • Missing CTA buttons

    Status
    colourYellow
    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 headings - vertical spacing sometimes incorrect
(ie first line and second line text overlaps making heading illegible)

  •  
    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

Desired Updates - Summary of issues

  • Colour correction

    Status
    colourPurple
    titleconsistency

  • Tab styling and alignment

    Status
    titleLEGIBILITY

  • Icons

    Status
    colourPurple
    titleconsistency

  • TinyMC styling

    Status
    titleLEGIBILITY

  • Enhanced Input field to label alignment

    Status
    colourPurple
    titleconsistency

  • Breadcrumbs

    Status
    colourPurple
    titleconsistency

  • Page specific tweaks

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

Forms

Tabs
- Alignment issue on smaller screens

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

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

Forms

Tabs
- Standardise all tabs to the style used on 'Edit existing customer' page but without the italic font - ie change to regular font

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

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

Forms

Icons
- Can all icons associated with an input field be moved to the right of the field

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

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

Forms

Icons
- Update icons to Font Awesome icons

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

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

Forms

TinyMC interface
Remove bevels from buttons

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

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

Forms

Input field & label alignment as the UI design
- Right align input field labels
- Left align associated input fields

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

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

Settings Forms

Breadcrumbs
- Change 'Home' to 'Dashboard'

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

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

Settings Forms

Breadcrumbs
- Delete background tint

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

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

Settings Forms

'Edit Existing Simple Task' page
- Place icon in to container that holds colour
(suggest 48px x 48px)

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

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

Settings Forms

'Edit Existing Simple Task' page
- Place new icon container in centre of table cell

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

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

Settings Forms

'Maintain Birthday Communications' page
- Delete background tints

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

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

Settings Forms

'Edit Search View' page
- Make text in 'Available fields' font=regular
- Make text in 'Currently Selected Fields' font=Semi-bold

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

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

Settings Forms

'Page List: Burrow Fact Find' page & 'Page List: Generic Fact Find' page
- Align diagram left

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

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

Settings Forms

‘Edit SMS Template’ page
- Add space between listed items

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

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

Settings Forms

‘Edit SMS Template’ page
- Move actions, associated with listed items, to right of item text on same baseline

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

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