Ana Escovar

09 / 11Primera infancia / Edtech

Sitio web · Propuesta · Primera infancia

Tool-be

Propuesta de sitio web para el Sistema Tool-be, una plataforma de desarrollo para la primera infancia (los primeros 1000 días de vida). Un home lúdico que presenta el sistema, su programa para familias y su vertiente para empresas y gobiernos.

Cliente
Tool-be
Tipo
Sitio web / Propuesta
Sector
Primera infancia / Edtech
Rol
Diseño UX / UI
Vista del proyecto Tool-be

Sobre el proyecto

Tool-be acompaña el desarrollo de los niños en sus primeros 1000 días. El sitio tenía que sentirse tan cálido y jugado como la marca y, a la vez, ordenar mucha información: el sistema, la música (creada con neurociencia), las historias de vida y la propuesta para empresas y gobiernos.

La propuesta usa ondas, colores planos y el personaje de marca para guiar el scroll por bloques claros: Sistema, Family Program, Nuestro Secreto (la música), Historias de Vida y Para Empresas & Gobiernos, y cierra con la app en tiendas.

El sistema visual mantiene la identidad lúdica (azul, rojo, naranja y amarillo, tipografía redondeada) sin perder legibilidad ni jerarquía.

Primera infanciaPrimeros 1000 díasHome / landingMarca lúdicaWeb responsive
Desktop
Landing completa de la propuesta Tool-be, marca infantil de juguetes, con secciones ilustradas en rojo, azul y amarillo: Sistema Tool-be con una maqueta de app en un telefono, Family Program, Nuestro Secreto, Historias de Vida y Para Empresas y Gobiernos.
UI Kit
Foundations del UI Kit Tool-be: la paleta de color con su nombre (bg/primary azul, bg/secondary naranja, bg/accent rojo, bg/highlight amarillo, sus variantes soft y los grises de texto), la escala tipografica (Display, Heading, Label, Overline y Body) en fuente redondeada, la escala de spacing de 4 a 48px y los radios de sm a pill.