The material of this article is the result of my design experiments and conclusions for the last year or year and a half of continuous design grind. I've been tirelessly raising UI kits, experimenting with content in placeholders, styles, shadows, texts and states to see if this affects conversion any way. In other words, to see if I can increase sales of Figma templates if I add some visual dynamics to static design layouts to make templates more interesting and functional.
Below I'll show some simple techniques to add some useful effects to ordinary static prototypes. That won't affect quality, a visual variety in the repeating elements will be added up. Perhaps this will help to make your best shot on Dribbble or win a few points in the eyes of the customer or the team-lead, because of the use of these techniques positions you as a performer attentive to UI details.
If I implement some feature in the design and see how the metrics are growing on Setproduct
website, it is difficult for me to be sure what exact action caused these changes. However, as the Figma design systems marketplace was developing, I started to notice an increase in the number of regular visitors who come back for some reason. If people didn't buy any products, they came again and again to look at something. But what at?
Alas, I haven't yet found a way to determine the metrics of certain visual techniques that I regularly experiment with. I tried to analyse all my UI design developments and organise them from my subconscious into a convenient and understandable list of simple tricks to make the design a little more fun. Maybe it's just fun and catches the eye, maybe this causes more subscribers to come, maybe it's something from the near future, and maybe it doesn't make any sense. As I said above, I can't be sure that the attendance and browsing performance of my site is growing thanks to these techniques of adding "visual dynamics" to static layouts. But I like to believe that the UI effects I'm describing below directly or indirectly influenced my overall progress.