The Goal
I’m hoping to get some direction on how to create this idea for our featured projects banner on our portfolio home page. Here’s a GIF mockup of what we’re wanting it to do on desktop. The idea is that we’ll have 3 projects featured here, each with a button, which we’d love to change each month.
Ideally this could have all been fed via our CMS somehow, but from initial exploration it seems like that’s not possible with the interactions we’re hoping to do in the demo shown.
Wow @PeterDimitrov so helpful and clear! That solved the largest chunk of the mystery. The second part I was wondering is if there’s a way to drive the content I intend on filling in there through a CMS collection (ie. our projects list)?
Content
Header
Paragraph
Button (linked to project page)
Background image
Gradient overlay (color pulled from project color in CMS collection)
Also found a new problem I was trying to figure out. The hover region for the middle panel seems to be a lot narrower than it’s actually built. It’s odd, but if you move from panel 1 and over to 2 at normal speed you can see what I’m talking about. There’s also an delay; after checking the hover states and the interaction “delay” settings I wasn’t able to find a solution.
How did you do this?