Legal & General:
Cardiff – a responsive web infographic
Responsive web design | UX design | UI design | Interaction design | Prototyping | Illustration
The objective
Legal & General, as a leading UK financial services group and major global investor had invested over £1 billion in Cardiff into transforming the city centre. They wanted to showcase the financial gains invested into Cardiff for their annual report 2023 and had wanted a responsive infographic to display this digitally online.
The solution
Our team pitched a few ideas on how the infographic can be best showcased. In the end the client had preferred my ideation on having a cityscape illustration labelled with markers of their investments. I lead this project from start to finish; created the visual designs, tested the interaction and ux behaviours with the clients, ensured consistency across all screen sizes and made a working prototype for the developers so they could turn it into a final product.
The impact
The actual creation of this project took approximately 3 & 1/2 weeks. The end result was a happy client that had loved our design and that it was delivered on time for their digital annual report.
Video demonstration of the infographic on desktop/bigger screens
Video demonstration of infographic on mobile/smaller screens
Static sample displaying one of Legal & General’s investments: Central Square
Static sample displaying one of Legal & General’s investments: Government Hub
Static sample displaying one of Legal & General’s investments: Trains
Static sample of my hand-drawn sketch idea on how to ensure all Legal & General’s investments are shown in one space
Static sample displaying where the button markers are placed; also demonstrating part of what the illustrations should look like
Static sample displaying the final look of Legal & General’s investments in one whole screen across different devices
See another project…
Deustche Bank: flow mobile app & publications
Showcasing a mobile app and printed issues of illustrative data visualisation insights.
