Grupo SM

Diseñando el ecosistema digital. Del detalle al todo.

El Grupo SM es una editorial española especializada en la publicación de materiales educativos que cuenta con un extenso catalogo de más de 9000 títulos que comercializa en 80 países.

Trabajamos mano a mano con varios departamentos de la empresa para ayudarles a desarrollar un Design System que les permitiera estandarizar el diseño de sus decenas de activos digitales y que sirviera de base para crear nuevas experiencias de usuario de nivel superior.

Mockup con dos ejemplos de UI en mobile
Design system: una metodología de trabajo colaborativo

Un design system es una colección de herramientas y metodologías de diseño que se emplean para reducir el caos y acelerar los procesos de diseño de cualquier equipo de desarrollo.

Nos encargamos de crear las partes de sistema con mayor carga de UI/UX como son la definición del lenguaje de diseño y la creación de la librería de componentes y sus ejemplos de aplicación.

Tipografías corporativas para la web de SM
Diseño de calendario para las webs de SM
Librería de componentes

Creamos una librería de componentes y estilos para que pudiera ser usada fácilmente por cualquier equipo de desarrollo. Mediante el ensamblaje de los componentes y siguiendo las directrices marcadas por el lenguaje de diseño cualquier equipo de desarollo web podría crear un layout de forma rápida y correcta.

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
Ejemplos de aplicación

Para poder entender el funcionamiento del design system era necesario crear ejemplos de diferentes pantallas y layouts por lo que nos pusimos manos a la obra y diseñamos más de 40 formatos distintos de layout.

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
Compartir: 

Más proyectos

Anagrama Coworking Spain
Branding, Marketing, Web
Logo ReasonWhy
Branding, Web