Sistema de Diseño
Nuestro Product Design System es el lenguaje con el cual construimos experiencias simples y coherentes
Guía de construcción
Para construir un producto óptimo, necesitamos seguir varios lineamientos para facilitar la revisión hemos creado una lista de tareas relacionadas que cada proyecto debería seguir y cumplir a cabalidad.
Componentes
Los componentes son los bloques de construcción del sistema de diseño. Cada componente resuelve un problema específico de la interfaz, como presentar una lista de opciones, permitir el envío de un formulario, etc.
UX Testing
El testing de experiencia de usuario es el proceso de probar diferentes aspectos de la experiencia para determinar la mejor manera de entregar nuestra solución y mejorar la interacción que tienen los usuarios.
Nuestra Identidad
La visión de tutenlabs es construir un mundo en el que las empresas puedan entregar experiencias memorables, transformando la relación con sus clientes y colaboradores, basado en su estilo de vida y con valores que los identifiquen.
Nuestro Propósito
Es transformar la experiencia de clientes. Es hacer que las empresas generen mejores experiencias de servicio y aumenten la productividad de los equipos de trabajo. Ponemos a disposición de cada cliente nuestra capacidad de innovación y agilidad, para que puedan fortalecer y acelerar su capacidad de generar soluciones.
Nuestra Cultura
Es ágil y dinámica. Permite el espacio para autogestionarte y enfocarte en cumplir tus objetivos. Combinando metodología lean y agile que permite entregar un producto de clase mundial.
Bases
Tipografía
La tipografía repercute en el diseño, crea identidad, proporciona vistosidad y acerca la información al usuario. La tipografía es un aspecto imprescindible que no se debe pasar por alto.
Color
Mantener interfaces digitales consistentes y atractivas en todo tutenlabs, ya sean aplicaciones o experiencias, exige una guía ampliada sobre el uso del color.
Copywriting
En la interfaz, necesitamos resonar con los usuarios a través del diálogo. Las palabras claras y precisas son fáciles de entender, y un tono adecuado puede generar un sentido de confianza fácilmente.
Layout
La layout o plantilla es un esquema de la distribución de los elementos dentro de una página web. Se compone de una serie de bloques de ciertas dimensiones en los que se colocará el contenido.
Componentes
Los componentes son los bloques de construcción del sistema de diseño. Cada componente resuelve un problema específico de la interfaz, como presentar una lista de opciones, permitir el envío de un formulario, etc.
Testing
El testing de experiencia de usuario es el proceso de probar diferentes aspectos de la experiencia para determinar la mejor manera de entregar nuestra solución y mejorar la interacción que tienen los usuarios.
Recursos
Biblioteca de Figma
Mantenemos una biblioteca actualizada con los componentes que necesitamos día a día.
Tipografías
Nuestra tipografía base es Nunito Sans, la cual es una fuente gratuita disponible en Google Fonts.
Ilustraciones
Cada software tiene un set de ilustraciones creadas con el color primario específico del proyecto, para crear nuevas ilustraciones utilizamos una herramienta open source llamada Undraw.
Logotipos
Nuestro logo está disponible para descargar en formatos de imagen aquí, además está la versión vectorial en nuestra librería de Figma.
Kit de presentaciones
Para mantener nuestro estándar de presentaciones tenemos disponible un kit básico para que puedas armar tus presentaciones.
Glosario
En pro de alinear conceptos hemos construido un glosario de términos para estar alineados.