toTalk app


AÑO

2021


SOFTWARE

Figma
Adobe Illustrator
Adobe After Effects


TEAM

1 Developer
1 Design Lead
1 consultora en salud

MI ROL

Diseño de producto
UX/UI
Diseño de identidad

toLearn. toConnect. toTalk.

toTalk es una app que, mediante la tecnología Machine Learning, ayuda a personas con problemas de comunicación oral a entrenar sus habilidades y hablar con su entorno. El algoritmo aprende la forma única de comunicarse de cada user (personas con parálisis cerebral, síndrome de Down, afasia…), y crea un diccionario personalizado, traduciendo los sonidos que produce a palabras.

Para este proyecto he desarrollado la identidad corporativa, sistema de ilustración, diseño UX/UI y estrategia de marketing. toTalk fue una de las startups participantes de Startup School de Tetuan Valley, programa de aceleración avalado por Google for Startups.

Varios mockup de diseño de app sobre un fondo verde.
Proceso de diseño

Briefing ➝ Ideación ➝ Diseño ➝ Iteración ➝ Implementación

Briefing

toTalk es una web app ideada y desarrollada entre un equipo de tres personas. La tecnología de uso requiere de una fase de grabación de cada palabra, crucial para que el software traduzca posteriormente las conversaciones de forma fiable.

Llegamos a la conclusión de que era imprescindible diferenciar las dos acciones principales (training/speaking) y tener en cuenta tanto al user como al end user (pacientes y tutores, respectivamente), y su cultura tecnológica según su demografía.

OBJETIVOS
Fácil uso para dos grupos diferenciados de usuario: auxiliares (familia, terapeutas) y finales (personas con parálisis cerebral).


Adaptabilidad de las funcionalidades de la app a las necesidades de cada user en la adición de inputs y entrenamiento sonoro


Escalabilidad (de palabra a conversación; de un usuario a un uso grupal y entre dispositivos).

Ideación
Arquitectura de la información
Diseño
Registro / Inicio
Diseño UI de app del registro e inicio de toTalk.
Biblioteca
Diseño UI de la app: biblioteca de palabras, búsqueda, añadir palabra, palabra añadida con éxito.
Grabación de audio
Diseño UI: grabación de audio, escuchando, cancelar la grabación, editar el audio, biblioteca de audios, eliminar grabación, grabación eliminada.
Reconocimiento de sonido
Diseño UI: reconocimiento de sonido, escuchando, buscando resultados, pantalla de resultado con las opciones de guardar o descartar el audio.
Branding
Logo
Logo de toTalk
Paleta de color
Paleta de color del proyecto con códigos RGB y HEX
Tipografía
Tipografías usadas: Fredoka One, Montserrat Bold y Montserrat Medium.

Ilustración y animaciones
Ilustración de un móvil con el logo de toTalk y varias personas en silla de ruedas alrededor.