Feature snake

I call this component "The feature snake". Who knew being bad at naming can make your work so much more fun? 🐍💻😂

On a more serious note, I came up with this layout when Proctest's marketing team was in need of a component that not only lists the product's features and benefits but also makes the connections between them clear and showcases the sequence in which these features will be used.

The idea to represent each broader category of features with an icon came pretty quickly – it makes things scannable, it's very easy to color code and creating new icons in the future will be quick. Figuring out a layout that can accommodate the assets was a bit harder since we needed a pretty flexible solution that works well with different numbers of icons in each row. Hence, The feature snake! 🐍