Visual UI Design - This is a Thomson Reuters public facing legal product for Gov UK (logo has been hidden for confidentiality).
The key UI Design deliverables were a comprehensive, detailed red lining and interaction capture style guide detailing the generic Gov UK design system (GDS) components, plus new bespoke components unique to the product, including a hierarchical button suite and dashboard.
Due to platform constraints the engineering team had made the decision to build their own versions of the Gov UK components. As a result, this meant the GDS guidelines used alone would not provide adequate UI Design information to cover areas such as component layout spacing, typographic hierarchy and interaction states.
It might be assumed that the developers themselves could examine the GDS pages in the browser inspector, but the CSS would not correlate easily to their bespoke build and would leave much room for error.
So the UI Design role was to carry out that inspection with in-depth design understanding and translate this into a set of coherent guidelines that the team could use to understand the construction of the components and the nuances of the interaction behaviours, including their responsive behaviours. In addition, the new, bespoke components were designed and similarly marked up.