The XD file had a very light animation on the circle navigation and text. When clicked, the solid dot animates from small to its end size and also change gradually from the light opacity of the inactive state to the 100% opacity in it’s active state. The same with the curved line around the circle image, the text (eg The natural environment) and the line under the text. The idea is to take that smooth transition into the coloured box, heading, body copy, as well as the second layer of navigation (Sustainable goals, Agenda goals and SU entities). 

See the link It will give the whole infographic a smoother transition from one research area to the next. Please let me know if this is too much of a big ask then we can rethink it and see what is possible.