22nd Feb 2021 UI Audit tested on Google Chrome 88.0.4324.182.

7th Jul 2021 UI Audit tested on Google Chrome 91.0.4472.114.

Table of content:

  1. Portal dashboard
  2. Fact find
  3. Upload documents
  4. Navigation

1. Portal dashboard

<aside> 🖥️ Desktop

</aside>

1-6

1-6

  1. Please add padding to the content below the nav bar, so that it's aligned to the logo.
  2. Please double check paddings/spacings in here, should have more breather.
  3. Looks like the text has different style from all the other body text areas, should be 16px, 22px line hight, Regular, #4A4A4A.
  4. Please check styling on this component.
  5. Padding here should be 32px, same on sides and top.
  6. Please double check styling for buttons, both primary and secondary.

<aside> 📱 Mobile

</aside>

7-9

7-9

  1. Font size and weight incorrect.

  2. When there's only one task, can we please not show the pager?

  3. Is it possible, for the background to stretch and the swappable area to expand as per designs?

2. Fact find

<aside> 🖥️ Desktop

</aside>

1-5

1-5

  1. Please align to the nav bar.
  2. *mandatory looks off, please align to https://zpl.io/bAelX5p
  3. The background colour is off, the boarder missing, the "check mark" missing, the blue line is too thick.
  4. Please align to padding/margin from the designs (24px).
  5. The text inside container seems off, please position lower so it's centered.