During my days as a Visual designer at Qatalog, the team came to the realisation that it was crucial to showcase our UI on our marketing materials. Not only to catch the eye of the industry but to show potential users what they would be signing up for. Such a clean and fresh UI needed a few adjustments to be social media ready. And to help our future selves, we thought it was smart to build a Library full of components that could be copied again and again without making it as painful when it comes to changes and adjustments.

These UI mockups went through a few enhancements:

- Copy needed to be bigger as most of the time the audience is going to be looking at it from their mobile phones.Images and icons needed to scale as well.



- The cognitive load needed to be low as normally these would be accompanied by copy, colourful backgrounds or motion.



- These UI mockups are used in a numerous list of platforms such as organic social media and ads, product and marketing newsletters, promotional videos and demos, the marketing website and also, in a few cases, inside the actual Qatalog platform in empty states and more.

UI mocks are displayed all over Qatalog marketing website.

Are also a vital component in product and marketing newsletters.

And are also used all over social media and blog.