Grupo SM

Designing the digital ecosystem. From details to everything.

Grupo SM is a Spanish publishing house specialized in educational materials, with an extensive catalogue of more than 9000 titles sold in 80 countries.

We worked hand-in-hand with various departments in the company to help them develop a Design System that would allow them to standardize the design of dozens of their digital assets and serve as the foundation for creating new top-level user experiences.

Mockup con dos ejemplos de UI en mobile
Design system: a collaborative working methodology

A design system is a collection of design tools and methodologies that are used to reduce chaos and accelerate the design processes of any development team.

We were in charge of creating the parts of the system with the highest UI/UX load, such as the definition of the design language and the creation of the component library with examples of application.

Tipografías corporativas para la web de SM
Diseño de calendario para las webs de SM
Component library

We created a component and style library so that it could be easily used by any development team. By assembling the components and following the guidelines set by the design language, any web development team could create a layout quickly and correctly.

Diseño de avisos para las webs de SM
Diseño de botones para las webs de SM
Diseño de infinite scroll para las webs de SM
Diseño del paginador para las webs de SM
Diseño de pestañas para las webs de SM
Diseño del acordeón para las webs de SM
Diseño de tags para las webs de SM
Diseño de formularios para las webs de SM
Diseño de selectores para las webs de SM
Diseño de checkbox para las webs de SM
Diseño del botón de radio para las webs de SM
Diseño del calendario para las webs de SM
Carrusel de imágenes para las webs de SM
Listado de iconos para las webs de SM
Examples of application

In order to understand how the design system works, it was necessary to create examples of different displays and layouts, so we got down to work and designed more than 40 different formats.

Diseño de la landing page de SM
Diseño del menu para las webs de SM
Web de SM en móvil y tablet
Share: 

More projects

Creatividad de Porsche Turquesa
Marketing, Web
Bandelora
Branding, Marketing, Web
Can we help?Get in touch