Una web 100% Nocode para ayudar a los jóvenes en apuros
Como la nueva promoción de Alegría.academy ha comenzado el nuevo curso escolar, ha llegado el momento de que los primeros becarios se incorporen a sus empresas de trabajo y estudio para los próximos 9 meses.
Para poner punto final a los tres primeros meses de formación, teníamos que asegurarnos de que estaban preparados para saltar a la parte más profunda (¡no, no es una segunda piscina!). Y para eso, nada como un hackathon.
¿Qué es un hackathon?
¿El principio? Los distintos equipos diseñan y crean desde cero una solución digital que responda a una necesidad y un pliego de condiciones previamente establecidos. Después llega el pitch de presentación ante el equipo educativo, que decide entre ellos.
¿La pila técnica? Para este hackathon, los estudiantes deben utilizar las herramientas Nocode Webflow, Airtable y Make.
Al final de dos días de desarrollo en modo proyecto, se anunció el ganador. ¡Se trata del proyecto Side by Side, liderado por el grupo de Léna, Magali y Hélène!
Estos tres estudiantes, con trayectorias muy diferentes, han conseguido crear una auténtica sinergia combinando sus distintos puntos fuertes en Nocode para proponer el sitio web SidebySide.
Esta plataforma en línea, que ayuda a jóvenes de 14 a 25 años con dificultades, permite redirigirlos a organismos especializados (asociaciones, residencias, profesionales de la salud, etc.), sobre todo en caso de urgencia.
La idea del proyecto surgió de Léna, una joven de 22 años que ha estado expuesta a estas situaciones de desamparo y quería utilizar el Nocode para esta causa. Hélène y Magali se unieron inmediatamente al proyecto.
Un trío femenino con trayectorias variadas
Apasionada de la informática y la cultura japonesa, Léna empezó a programar sus primeras páginas web a los 12 años, de forma autodidacta. Después estudió diseño en la escuela de arte. Los periodos de reclusión interrumpieron esta formación. Entonces descubrió Nocode y decidió aprender sus herramientas.
Hélène es diseñadora de espacios (o arquitecta de interiores) y experta en el sector inmobiliario profesional. Atraída por el mundo digital, Nocode es para ella una puerta de entrada a la creación de herramientas digitales. Con el tiempo, le gustaría convertirlo en una actividad de pleno derecho que le gustaría combinar con su actividad original de consultoría de diseño.
Magali se encuentra actualmente en plena reconversión profesional. Tras 10 años como asesora de Pôle Emploi, pero también como reclutadora informática, decidió adquirir ella misma estas competencias y convertirse en Nocode Maker.
¿Qué soluciones existen para ayudar a los jóvenes en apuros?
Una vía centrada en la accesibilidad
1. Pensar primero en el móvil - Webflow
Una cosa es cierta para los tres estudiantes: la accesibilidad es el criterio de éxito nº 1.
Este punto de partida les hace optar por un sitio web en lugar de una aplicación móvil que requeriría instalación, posiblemente una conexión WiFi, etc.
Su prioridad es crear rápidamente una plataforma para ayudar a los jóvenes con dificultades. Webflow es la herramienta ideal para desarrollar un sitio web sin codificar.
El sitio debe cargarse rápidamente y ser receptivo, incluso "mobile first". Por eso utilizan Webflow para construir su proyecto.
Establecer contacto es la motivación para visitar esta página. Por ello, los números de contacto de emergencia deben ser especialmente visibles y procesables. *
2. UX/UI: ponerse en la piel de los jóvenes con dificultades para un viaje intuitivo - Figma
Tras redactar las historias de usuario, los tres estudiantes admiten que Side by Side debe cubrir un ambicioso espectro de casos: desde urgencias hasta ayuda a largo plazo.
Las puertas de entrada también deben ser rápidamente identificables: los usuarios deben reconocer espontáneamente su situación y ser guiados a través de ellas.
A partir de sus historias de usuario, Magali, Hélène y Léna realizaron las primeras maquetas de su página y del recorrido del sitio en la herramienta de diseño Nocode Figma:
La página de inicio de Side by Side es una calle de doble sentido : o buscas ayuda o quieres darla.
Las estudiantes Hélène, Magali y Léna planificaron un curso adaptado a casos de uso reales para dar respuestas adecuadas.
Al hacer clic en la búsqueda de ayuda se ofrecen 3 escenarios que cubren todas las situaciones posibles:
- Necesita ayuda URGENTE
- Buscar ayudas más o menos sostenibles
- Encontrar el tipo de profesional o asociación adecuado para una situación específica
Entre bastidores: creación de escenarios realistas
Antes de lanzarse a la maqueta, Hélène, Magali y Léna exponen los distintos casos en un diagrama de flujo en figma que les permite detallar los distintos procedimientos de contacto y las etapas de cada proceso.
1. Búsqueda de ayuda: recopilación de información para responder - Tally x Airtable
Para ayudar a los jóvenes en dificultades, el reto es doble: por un lado, es necesario recoger un mínimo de datos para dar una respuesta adecuada y, por otro, limitar el número de pasos que hay que dar para no desalentar la búsqueda de ayuda.
La solución elegida por Hélène, Magali y Léna es el envío automatizado de un formulario Tally que alimenta una base de datos alojada en Airtable.
Desde el punto de vista del usuario, al hacer clic en la solicitud de ayuda se abre directamente un formulario que debe rellenar la persona en apuros.
2. Proporcionar una presencia tranquilizadora e instantánea mediante automatizaciones bien configuradas - Airtable x Make x Gmail
Gracias a un escenario configurado en la herramienta de automatización de procesos Make (ex-Integromat), el joven recibe una respuesta inmediata que confirma que su solicitud de ayuda ha sido atendida.
El equipo de Side by Side es informado por correo electrónico y recibe una notificación en función de las respuestas seleccionadas por el joven y del grado de urgencia identificado.
¡Y aquí es donde las cosas se ponen difíciles! Hélène, Magali y Léna tuvieron que conectar Webflow (el constructor de sitios en el que crearon su página), Tally (la herramienta de formularios), Airtable (la base de datos que recoge los datos del formulario) y Gmail para enviar mensajes al joven y al equipo de Side by Side.
Es un proceso bien pensado por los tres estudiantes e inteligentemente configurado en Make :
La elegancia de su solución reside en la identificación del grado de urgencia y necesidad de ayuda, lo que permite un seguimiento personalizado.
De hecho, los equipos recibirán notificaciones más o menos rápidas en función del grado de urgencia. Para ello, utilizaron una opción "multiselección" de los tipos de ayuda solicitados y Make iterator para procesar las respuestas seleccionadas.
3. Respuestas inmediatas para emergencias - Bot automático x Airtable / Make x Gmail
Algunas situaciones no permiten esperar a que se rellene un formulario. Por ello,
Hélène, Magali y Léna han adaptado su escenario de contacto al caso de extrema urgencia sustituyendo el formulario por un chat instantáneo ágil con la herramienta Landbot.
Todo el proceso se establece de nuevo en Hacer para conectar los pasos:
- Los datos intercambiados en el chat automático alimentan la Airtable
- Los equipos son notificados inmediatamente de la emergencia
- Los equipos atienden la llamada de socorro en cuanto se recibe el mensaje
4. Transmitir información práctica de forma 100% automática - Tally x Airtable/Make x GMail
Gracias a la base de datos creada en Airtable y alimentada por voluntarios que se registran directamente en la plataforma, Side by Side cuenta con una red de cuidadores bien categorizada.
Cuando un joven solicita información sobre cuidadores adaptada a su situación a través de un formulario, su solicitud se analiza automáticamente en Make y recibe una respuesta instantánea por correo electrónico con una lista de cuidadores según 2 categorías (profesionales o asociaciones) y que corresponden a su zona geográfica.
Una solución muy completa, 100% Nocode, pero lastrada por la realidad administrativa
Los ganadores del primer hackathon de Alegria.academy crearon en sólo 3 días (¡y a tiempo parcial!) una solución hermosa, estable y fluida que responde a una necesidad humanitaria real.
Aprovecharon al máximo cada herramienta Nocode personalizando los escenarios gracias a automatizaciones en Make, utilizando diferentes herramientas para alimentar una base de datos Airtable (formulario o chatbot) y tuvieron un enfoque muy "user-centric " partiendo de casos de uso gracias a historias de usuario y la realización de modelos en Figma.
El pequeño extra que da a su sitio credibilidad adicional y añade un grado de profesionalidad es el uso del CMS para integrar contenidos ricos, es decir, documentación y recursos sobre el tema de su acción.
De hecho, incluso pensaron en integrar verbatims de jóvenes y lecturas sobre temas de actualidad. ¡Enhorabuena!
Desgraciadamente, no está claro que Side by Side pueda proporcionar a los jóvenes en dificultades el nivel de apoyo que pretenden las tres jóvenes.
De hecho, pronto se encontraron con dificultades para obtener las autorizaciones. En concreto, el tratamiento de datos médicos, sobre todo de menores, es problemático. Su misión debe seguir siendo 100% voluntaria y, para empezar, esperan darle una oportunidad a escala local.
.webp)
.svg)
