A design system for web versions of educational products.

client

MTS

role

art diretor, designer

stack

Figma, Web, HTML + CSS

problem

The company's design system is not designed for the production of educational content. All content is made from random components in a different style.

Also, most of the content is produced in specific systems that have their own technical limitations.

solution

Create your own design system based on global guidelines. A working library of components that can be implemented with HTML + CSS.

results

A library of 25 components in design and code has been created. Educational products that use this library have increased their NPS by +70% and COR by +10%.

E-learning Design System

Create a free website with Framer, the website builder loved by startups, designers and agencies.