Caso de estudio · Product Design · 2026

Backdoor

Un CRM para gestión de proyectos, diseñado e implementado desde cero para resolver una necesidad real en mi empresa.

Rol
Product Designer
Plataforma
Aplicación web
Desarrollo
Asistido por IA
Estado
Operativo · uso interno
backdoor · dashboard
Backdoor — Dashboard del CRM con proyectos totales, en proceso, ganados, perdidos, standby, cancelados y tareas
01
Contexto

Una empresa de proyectos sin dónde gestionarlos

Desarrollé un sistema básico de CRM para solventar un problema en mi empresa actual: no se contaba con una plataforma CRM donde trabajar y concentrar la información de los proyectos que gestiona la empresa.

Por eso propuse, diseñé e implementé Backdoor. La plataforma permite ingresar y almacenar información de clientes, proyectos, usuarios, tareas, notas de seguimiento, documentos e imágenes. Ya dentro, se puede trabajar con ella: crear usuarios, asignar tareas y dar seguimiento a cada proyecto hasta su cierre.

“Si no está en Backdoor, no existe.” Principio de diseño del producto
Problema
Información de proyectos dispersa y sin una plataforma CRM donde centralizarla.
Propuesta
Un CRM propio, ligero y a la medida, sin depender de soluciones empresariales de alto costo.
Resultado
Plataforma operativa para uso interno, con trazabilidad completa hasta el cierre.
02
Lo que hice

CRM para gestión de proyectos · Product Design

Mi trabajo cubrió todo el ciclo del producto: desde definir qué debía resolver hasta ponerlo en operación.

01
Diseño y arquitectura del producto
Conceptualización y diseño integral de una plataforma CRM orientada a empresas que requieren centralizar la gestión de proyectos de tecnología e integración sin depender de soluciones empresariales de alto costo.
02
Diseño de procesos y flujos
Definición de procesos, funcionalidades, roles, permisos y flujos de trabajo para gestionar proyectos, usuarios, clientes, tareas, notas, documentos, cotizaciones, SOWs y relaciones con mayoristas.
03
Arquitectura de información
Diseño de la estructura y relaciones entre las entidades del sistema, creando un modelo de información que conecta proyectos, usuarios, clientes, actividades, documentos, cotizaciones y tareas.
04
UX/UI y diseño de interfaz
Diseño de la experiencia, la navegación, la jerarquía de información y la interfaz visual, buscando facilitar la consulta y gestión de información operativa.
05
Desarrollo asistido por IA
Colaboración con herramientas de IA generativa para transformar la arquitectura, los procesos y el diseño definidos en una aplicación web funcional.
06
Implementación
Aplicación actualmente operativa para uso interno, desplegada mediante Vercel, con repositorio en GitHub y base de datos en Supabase.
03
Arquitectura de información

Todo gira alrededor del proyecto

El modelo de información conecta cada proyecto con las personas, actividades y documentos que lo hacen avanzar, para que cualquier dato tenga un lugar y un responsable.

Proyecto Clientes Usuarios Tareas Notas Documentos Cotizaciones SOWs Mayoristas
Modelo de entidades · vista simplificada
04
Módulos

Navegación pensada para operar

La interfaz prioriza lo que debe atenderse hoy y mantiene cada tipo de información a un clic de distancia desde el menú lateral.

01
Dashboard
Vista de arranque con lo que debe atenderse hoy: proyectos por estatus y tareas pendientes o vencidas.
02
Proyectos
Registro y seguimiento de cada proyecto a lo largo de su ciclo de vida.
03
Clientes
Información de clientes centralizada y ligada a sus proyectos.
04
Tareas
Creación y asignación de tareas a usuarios, con control de pendientes y vencidas.
05
Documentos
Almacenamiento de documentos e imágenes asociados a cada proyecto.
06
Historial
Trazabilidad completa de la actividad hasta el cierre del proyecto.
07
Usuarios
Alta de usuarios con roles y permisos definidos para cada perfil.
08
Configuración
Ajustes generales de la plataforma.
Estatus de proyecto En proceso Ganado Perdido Standby Cancelado
05
Implementación

Del diseño a producción

Definí la arquitectura, los procesos y el diseño; después trabajé con herramientas de IA generativa para convertirlos en una aplicación web funcional, hoy en uso dentro de la empresa.

01
Proponer la solución
02
Diseñar arquitectura, procesos y UI
03
Construir con IA generativa
04
Desplegar y operar
Despliegue
Vercel
Publicación de la aplicación web para uso interno.
Repositorio
GitHub
Control de versiones y respaldo del código del proyecto.
Base de datos
Supabase
Almacenamiento de clientes, proyectos, usuarios, tareas y documentos.
06
Acceso

Pruébalo tú mismo

Backdoor está desplegado y operativo. Puedes entrar a la plataforma con las credenciales de abajo y recorrer el dashboard, los proyectos, las tareas y los demás módulos descritos en este caso de estudio.

Acceso a la plataforma
Userrcmshades@gmail.com
PasswordAdminitr4d0r@

Plataforma de uso interno: te pido navegarla con cuidado y no modificar ni eliminar la información existente.

Acceder a la plataforma ↗
Gracias por ver este trabajo

Hablemos de
tu próximo proyecto

Si tienes un proyecto en mente o quieres conocer más sobre mi trabajo en UX/UI e IT, me encantaría conectar contigo.

← Todos los proyectos
Teléfono
56 4393 8125
Ubicación
Ciudad de México