Coat of arms (and flags) became ugly when they lost their purpose, to easily distinguish them on battlefield. Originally they used few colors, with strict "UX rules" of what color can be on top of other color (again for readability) and the symbols were simple and distinguishable.
The decline of heraldry is quite noticable on my city's coat of arms as well, the progression is like this:
.svg){kind=link}
