01.Entender

Memorama es un proyecto que nace con el propósito de acompañar principalmente en procesos de duelo perinatal a través de una herramienta editable que mantiene viva la memoria de ese ser querido. Su producto principal, es el Memorama Bebé,  un libro personalizable creado para honrar y recordar a quienes partieron demasiado pronto. Además, Memorama tiene otros productos para otros tipos de duelo y busca construir una comunidad de contención para personas que atraviesan duelos perinatales y otros tipos de pérdidas, siempre desde un enfoque humano, cercano y respetuoso, utilizando un lenguaje comprensivo que transmita calma y acompañamiento en todo momento.

  • Roles: Product Manager & Diseñadora UX/UI.
  • Team: 1 Product Manager, 2 Desarrolladores, 1 Diseñador UX/UI, 1 Diseñador Gráfico, 1 Copywriter.
  • Duración: 3 meses.

Problema           

La falta de un espacio y una herramienta que permitan honrar y mantener presente a un ser querido que partió de forma temprana, dirigido a personas que atraviesan el duelo perinatal y que, en muchos casos, no encuentran contención, ni acompañamiento suficiente en la sociedad.

Limitaciones del proyecto

  • La comunicación debía tratarse con especial cuidado por el contexto psicoemocional, lo que limitaba ciertas decisiones de diseño y comunicación promocional.
  • El presupuesto reducido sólo permitió una fase inicial de investigación, sin posibilidad de testeo iterativo ni estudios de campo extensos.
  • El proyecto contempló únicamente una fase completa de iteración y diseño.
  • La dirección del producto aún no estaba definida, y la falta de una estrategia clara dificultaba proyectar la evolución futura en el roadmap.

Priorización por Impacto y Esfuerzo

02. Investigar & Empatizar

Hipótesis        

La creación del espacio digital Memorama y de sus productos ayudará a las personas que atraviesan el duelo perinatal y a su entorno cercano, a procesar su pérdida de una forma más acompañada y significativa, aportando además a cubrir un vacío existente  a nivel social en España con respecto a este tema tan delicado.

Benchmarking

Aproximación de la Investigación

En la primera fase de la investigación se hizo un análisis de la competencia y las opciones existentes en el mercado que ofrecen herramientas de ayuda sobre el duelo perinatal. En la segunda fase se realizaron entrevistas a 15 usuarios, siendo un 80 % mujeres y un 20% hombres, entre las edades de 34-48 años, después de haber interactuado con material de la marca y editado un Memorama Bebé.

Resultados de la Investigación

Insights

Estos son los puntos más significativos que se han descubierto durante la fase de investigación. Estos puntos se deben tomar en cuenta en la estructuración y diseño de la página web.

Empathy Map

En esta fase realizo un profundo ejercicio de comprender y empatizar por completo con los comportamientos, necesidades y deseos de los usuarios.

03.Definir

User Persona & Scenario

Ir al Prototipo

Customer Journey

Es el recorrido completo del usuario antes, durante y después de usar la página web, esto nos permite ubicar los puntos de dolor para aliviarlos y hacer el diseño más eficiente, anticipándonos a la necesidades del usuario durante la navegación y hacer todo el diseño de la experiencia centrado en el usuario.

Solución

Memorama se plantea como un espacio de comunidad y herramientas dedicadas al acompañamiento del duelo perinatal y otros tipos de duelo, que considera enormemente los sentimientos, preocupaciones y necesidades tanto de las personas que atraviesan este proceso, como de su círculo cercano. Es un espacio que brinda acompañamiento empático, donde predominan la tranquilidad, la inspiración y la posibilidad de expresar el duelo de forma creativa y respetuosa.

04.Idear

Sitemap

Aquí definimos la arquitectura de la información, ubicamos estratégicamente los CTAs (Llamadas a la acción), la información de la web para que sea optimizada en el posicionamiento de Google y agilizar el proceso tanto de diseño como desarrollo.

User Flow

El flujo de acciones del usuario dentro de la página web, es excelente mapear las acciones del usuario y lograr optimizar las interacciones y navegación, haciendo nuestro sitio web más amigable para el usuario y aumentando la tasa de conversión al saber posicionar bien los CTAs.

05.Prototipar

Wireframe

UI Kit

Look & Feel

Móvil UI

Desktop UI

06.Delivery

Roadmap

Backlog resumido

Este backlog representa una visión estratégica del producto. La ejecución se realizó en sprints iterativos de 2 a 3 semanas.

Criterios de aceptación

  • Dado que el usuario accede a cualquier página del sitio,cuando navega por las secciones principales (inicio, productos, creación del memorama),entonces encuentra la información organizada, cercana y amigable.
  • Dado que el usuario visita la ficha del producto,cuando revisa la descripción, imágenes y atributos,entonces comprende en menos de  2 minutos qué incluye el producto y cómo funciona el proceso de creación
  • Dado que el usuario inicia la creación de su memorama,cuando avanza entre los pasos,entonces recibe instrucciones claras en cada etapa, visualiza una barra con feedback de pasos  y  puede saltar algunos pasos o modificarlos después.

Developer Handoff

  • Entrega del archivo Figma con anotaciones para estados, interacciones y breakpoints.
  • Documentación UX con insights clave y recomendaciones.
  • Documentación y entrega del design system completo para asegurar la escalabilidad del proyecto.
  • Kit visual exportado: íconos, imágenes optimizadas, tokens de color.
  • Documentación de usabilidad heurística para la implementación.
  • Se llevó a cabo una reunión previa al desarrollo con el equipo multidisciplinario, en la que se presentó y explicó el prototipo de manera detallada.
  • Reuniones de seguimiento durante el desarrollo para asegurar la consistencia.
  • Reuniones de decisión de la evolución de los productos ofrecidos en el MVP.

07.Testear

Memorama es un proyecto que pone especial énfasis en la experiencia de usuario, por lo que se recomienda implementar una landing page dedicada a un solo producto para testear mensajes clave, propuestas de valor y distintos llamados a la acción. De ser posible, también es recomendable incorporar tests A/B que permita afinar el análisis y la toma de decisiones sobre mejoras. Asimismo, es fundamental integrar Google Analytics junto con herramientas de mapas de calor y grabaciones de sesión para analizar el comportamiento real de los usuarios y optimizar continuamente la experiencia basada en datos.