Content card interaction


To introduce a number of scalable design elements for use across the entire website.

What was involved?

I worked with colleagues to define the type of content they regularly needed to present. One of the main requirements was to have an easy way to add a visually appealing porthole/call to action that can be used on landing pages.

I worked with a developer to create a razor/C# interactive pattern that editors could simply drop into their sites.

Users are prompted to input title and alt text to ensure their content cards comply to AA accessibility standards.

It’s on the road map to conduct user testing on the hover interaction as some users found the motion a little too much.

Content card interaction