I am soliciting ideas for how to encourage call to action for site visitors.
The desire is for visitors to click on any of the tile pictures to see a summary of the category before choosing one of the “Read More” buttons.
Additionally, instead of the hover with a zoom on the picture, create a hover that is impacting the whole tile (the whole blue block) and avoid suing zooms that produces blur. So you can try the make the whole tile move up 10px in 200ms (and back in 150ms).
Last, you can rework the general visual hierarchy of the page to make the tiles block pop up more. It means everything outside the tile block should be faded a bit and not as vibrant as the tiles themselves. (Big title can have a 80% opactity, reduce contrast on the photo with a white layer on top, make the blue background a bit faded etc…)
This will give your users a much better incentive to click the tiles.
For some reason, I can’t seem to manipulate the tile titles to get them centered in each tile. I feel pretty stupid because it seems like a simple enough thing to do. Position = Auto or FULL instead of lower left control is what I thought should work, but doesn’t.