flüie 0%
Preservando memorias LEGADOS_2025
Case Study · Product Design · Zero to One

flüie

Plataforma de Legados Digitales

Ecosistema PWA & Mobile/Web multi-rol para la preservación, custodia y entrega programada de memorias, cápsulas de tiempo y archivos patrimoniales.

Rol principal Lead Product Designer
Duración 4 meses
Mercado objetivo EE. UU. & Colombia
Alcance entregado 138 Screens & Design System
114 Screens PWA / App
24 Pantallas Panel Admin
3 Ecosistemas de usuario
100% Tokens & Design System
app.fluie.com/inicio
Pantalla de inicio de Fluie

Captura real · Dashboard principal del Titular

01 · CONTEXTO Y VISIÓN DEL PRODUCTO

Una red social privada para el legado

Fluie nace para resolver una problemática humana crítica en la era digital: la dispersión y pérdida de la memoria personal, patrimonial y emocional tras el fallecimiento o ausencia prolongada de una persona. El proyecto requirió concebir desde cero (Zero to One) una plataforma digital segura que opera como una red social privada de legados, conectando tres perfiles interdependientes.

01

Usuario Titular

Crea, custodia y programa contenido multimedia — audio, video, fotos, documentos y cápsulas de tiempo — por fecha fija o por evento de ausencia.

02

Usuario Verificador

Rol de alta responsabilidad (Guardián) encargado de corroborar formalmente la ausencia física del titular mediante flujos de validación segura.

03

Usuario Beneficiario

Recibe y consume las cápsulas de tiempo y legados asignados, con herramientas para interactuar o migrar a una cuenta principal propia.

Objetivos del negocio
  • Modelo B2C recurrente mediante planes de almacenamiento (SaaS) con pasarela de pagos integrada.
  • Crecimiento orgánico: convertir beneficiarios y verificadores en nuevos titulares (Virality Flywheel).
  • Cumplimiento normativo dual de legalidad y custodia de datos sensibles en EE. UU. y Colombia.
Objetivos de diseño (UX/UI)
  • Arquitectura emocional sensible: reducir la fricción cognitiva al abordar temas de duelo y ausencia.
  • Claridad y confianza absoluta en verificación de identidad y protocolos de comprobación de ausencia.
  • Escalabilidad multiplataforma: coherencia del 100% entre PWA y Web Desktop.
02 · METODOLOGÍA DE DISEÑO

Design Thinking riguroso, paso a paso

Para estructurar este producto desde cero en un plazo de 4 meses, se ejecutó una arquitectura de proceso en Figma dividida en las cuatro fases del Design Thinking.

1

Descubrir

Benchmarking competitivo, moodboarding para transmitir serenidad sin caer en un tono lúgubre, y alineamiento inicial.

2

Definir

User Personas para los 3 roles, arquitectura de información, site map, user flows y user journey.

3

Desarrollar

Wireframes Low-Fi, concepto visual final, prototipado de alta fidelidad Mobile y Desktop, mailings y assets de tienda.

4

Entregar

UX Blueprint del Panel Admin (24 pantallas), manuales de uso, propuestas evolutivas y biblioteca de componentes.

USER PERSONAS

Tres roles, tres momentos emocionales distintos

MT
Titular

María, la que preserva

Crea y programa su legado digital

Qué hace

Graba mensajes de voz y video, redacta cartas y sube archivos para sus seres queridos, programados por fecha o evento de ausencia.

Necesita

Un espacio sereno, sin fricción emocional, donde grabar su legado se sienta natural y no burocrático.

JV
Verificador

Javier, el guardián

Corrobora la ausencia del titular

Qué hace

Valida formalmente la ausencia física del titular cargando soportes documentales en un flujo de verificación segura.

Necesita

Absoluta claridad sobre su responsabilidad y un proceso que inspire confianza y legalidad en cada paso.

AL
Beneficiario

Ana, la que recibe

Recibe y consume los legados

Qué hace

Recibe cápsulas de tiempo y legados asignados; puede interactuar con ellos o activar su propia cuenta de titular.

Necesita

Un momento de apertura cuidado emocionalmente, sin fricción técnica ni sorpresas incómodas.

03 · ARQUITECTURA DE INFORMACIÓN

Un mapa claro para un tema delicado

El Site Map y los User Flows se diseñaron para que cada rol encuentre su camino sin ambigüedad, incluso en los momentos emocionalmente más sensibles del producto.

FLÜIE
01

Inicio / Dashboard

Centro de gestión con beneficiarios, legados recibidos y estado del almacenamiento.

02

Gestión de Usuarios

Administración de beneficiarios, verificadores y relaciones dentro del círculo de confianza.

03

Legados & Cápsulas

Creación de fotos/videos, cartas, audio y archivos organizados en cápsulas de tiempo.

04

Guía de Vida

Contenido educativo y emocional: cómo grabar, guía legal y cómo hablar de la muerte con los niños.

05

Verificación de Ausencia

Flujo de comprobación segura ejecutado por el usuario Verificador antes de liberar un legado.

06

Panel Administrador

CMS de 24 pantallas para Administradores Generales y Súper Administradores.

04 · ARQUITECTURA DEL DESIGN SYSTEM & TOKENS

Un sistema calmado, construido para escalar

01

Tokenización de Color

Variables semánticas (Global vs Contextual Tokens), degradado de marca Fluie, fondos adaptativos y paletas neutrales con alto contraste WCAG AA.

02

Tipografía Jerárquica

Escalas modularizadas (AG S-T-1 a AG S-T-4) que aseguran legibilidad perfecta en cápsulas de texto de largo formato.

AG S-T-1
AG S-T-2
AG S-T-3
AG S-T-4
03

Glassmorphism & Sombras

Variables de sombra y desenfoque profundo (Background Blur) para generar capas visuales elegantes y pulidas en toda la interfaz.

04

Grids & Componentes

Layout Guides diferenciadas para Mobile y Desktop, con componentes de Auto-layout 4.0: cápsulas, reproductores, selectores de fecha y tablas del CMS.

Referencia
Reemplazar · Vista del pipeline de tokens en Figma
SCREENS

138 pantallas, un mismo lenguaje visual

Referencia
Reemplazar · Crear cápsula (audio / video / carta)
Referencia
Reemplazar · Flujo de verificación de ausencia
Referencia
Reemplazar · Onboarding móvil PWA
Referencia
Reemplazar · Vista Beneficiario
Referencia
Reemplazar · Guía de Vida
Referencia
Reemplazar · Panel Administrador (CMS) · 24 pantallas
05 · CAPACIDADES ZERO TO ONE & MÉTRICAS

De hoja en blanco a producto medible

Como Lead Product Designer a cargo desde el inicio hasta la entrega técnica, se dejaron formuladas las métricas clave para evaluar el desempeño del producto en producción.

Task Completion Rate

Creación de cápsulas

Porcentaje de usuarios que completan exitosamente la programación de un legado de voz/video sin abandonar el flujo.

Time to Verification

Tiempo de verificación

Tiempo transcurrido desde la solicitud de comprobación de ausencia hasta la aprobación del verificador.

Conversion Rate

Beneficiario → Creador

Tasa de conversión de beneficiarios que activan una cuenta propia para comenzar a crear sus propios legados.

System Usability Scale

Objetivo > 85/100

Puntaje de usabilidad objetivo percibido por usuarios de distintas edades en Colombia y EE. UU.

Reflexión final

Diseñar Fluie significó sostener, con cuidado, uno de los temas más sensibles que puede abordar un producto digital. La confianza no se construyó con explicaciones — se construyó con claridad, calma visual y una arquitectura que nunca deja a nadie sin saber qué sigue.

06 · MOCKUPS DEL PROCESO

De wireframe a interfaz final

Un recorrido visual por el proceso en Desktop y Mobile — desde la exploración de baja fidelidad hasta la interfaz pulida y lista para producción.

Desktop
Referencia
Reemplazar · Wireframe Low-Fi (Desktop)
Referencia
Reemplazar · Concepto visual (Desktop)
Referencia
Reemplazar · Prototipo Hi-Fi (Desktop)
Referencia
Reemplazar · Handoff final (Desktop)
Mobile
Referencia
Wireframe
Referencia
Onboarding
Referencia
Crear cápsula
Referencia
Interfaz final