Users could hover over squares to preview UI color changes, but it wasn’t immediately clear that the feature was interactive. Without guidance, they might overlook it, reducing engagement. The challenge was to subtly draw attention to the interaction without cluttering the interface or disrupting the clean design.
Solution
I added a looping pulse animation on the squares to naturally attract attention. This visual cue encouraged users to explore, making the interaction more intuitive. Once hovered, the pulse stopped, reinforcing engagement. This approach improved feature discoverability while maintaining a seamless, visually appealing experience without intrusive instructions.
The pulse animation guided users to explore color customization, making the interaction intuitive. This improved engagement and created a seamless experience.