I am working on a website for a horse breeder. I created a page to show an overview of their horses, like this:
The idea is that if you click on a horse, you will see a detailed site with the information about the horse. My client now wants to add an image to every horse on the list that shows the ancestry. Something like this:
As you can see, the ancestry has some rather small text on it, and I find it difficult to arrange the list in a way that does not make it feel messy. My best guess is to put the ancestry in the horse image, but that takes away from the space you have to see the horse. What are your best ideas for this? The list should not become too much longer since there are quite a few horses and I would not like having endless scrolling.