Treetable Concept

The SMU DNC is a service that lets the community opt in or opt out of different messages from the university.

The guys who were working on this project approached us to help make it clearer that the checkboxes correspond to the items at the left side (I'll try to share a screenshot of the before and after when it's finished). In this concept, I used borders, different background colors and hover effects to reinforce this relationship between the two.

--

PS: This is like my 10th attempt to export it nicely from Principle! I'm not sure what the ideal file size for GIFs are in Dribbble, or if GIFs are just compressed automatically. Help!