I'm building an application in which the user can select categories by clicking on the first heading (Leather), the image, or the second heading (12 Novelties). The categories are displayed as material cards, as seen in the following example:
The difficulty is, that a click on "Leather" (click area 1) should navigate to a different route, than a click on the image or "12 Novelties" (both click area 2), so we have two click areas:
My question is: How do I visibly distinguish the two click areas while trying to stay as close to the current design as possible? I want to make it clear to the user, that, without hovering the mouse on one of the two click areas, they lead to different routes.
For clarity: "Leather" (click area 1) refers to a category, and "12 Novelties" (click area 2) refers to the latest twelve products in the category "Leather".