Case Study SaaS · Product Design · Branding
Condaty

¡Tecnología que une vecinos!

Ecosistema SaaS para la gestión integral de condominios: dos apps móviles y un panel web que conectan a administradores, guardias y residentes en una sola plataforma.

UX Research UI Design SaaS Branding App Store Assets

Rol

Product Designer

Plataformas

Web + iOS/Android

Tools

Figma · Adobe XD

Desafío

Digitalizar la vida en condominio

Diseñar un ecosistema SaaS desde cero para tres perfiles distintos, sin referentes previos y con alta complejidad de flujos.

Mi Rol

Product Designer

UX Research, diseño de interfaces, design system, branding, mascota, editorial y App Store assets. End-to-end.

Resultado

Ecosistema lanzado

Medimos el impacto comparando los procesos manuales del primer mes con los datos de uso tras 3 meses en producción.

Plataforma en producción con +390 usuarios activos, reducción del 30% en pasos operativos y mejora técnica del 40%.

Contexto del proyecto

El Problema

  • Residentes con pagos opacos y lentos sin visibilidad financiera.

  • Guardias con registros manuales ineficientes que creaban cuellos de botella.

  • Administradores con gestión fragmentada y manual que comprometía la seguridad.

La Solución

Ecosistema SaaS integral que unifica los tres perfiles en dos apps móviles y un panel web: pagos digitales, reservas, control QR y dashboard automatizado.

5→3

Pantallas en el flujo de registro

−2

Pantallas en flujo de reservas

User Personas

¿Para quién diseñamos?

Martha Salvatierra

Martha Salvatierra

Residente · 38 años

Necesidades

  • Pagar expensas sin fricciones
  • Notificaciones relevantes
  • Reservar áreas fácilmente

Frustraciones

  • Info confusa y apps lentas
  • No saber a quién contactar
Ricardo Flores

Ricardo Flores

Administrador · 36 años

Necesidades

  • Dashboard financiero claro
  • Sistema de solicitudes
  • Control centralizado

Frustraciones

  • Tareas manuales repetitivas
  • Múltiples plataformas
Miguel Acosta

Miguel Acosta

Guardia · 45 años

Necesidades

  • Interfaz simple, botones grandes
  • QR rápido y acceso a listas
  • Botón de alerta visible

Frustraciones

  • Sistemas lentos y difíciles
  • Comunicación ineficiente
Wireframes

Del papel a la pantalla

Antes de abrir Figma, cuaderno. Cada flujo se pensó a mano para tomar decisiones de arquitectura cuando todavía era barato equivocarse.

1 / 7
Wireframe panel admin - deudas
Wireframe detalle deuda
Wireframe pagos móvil - todos
Wireframe widget pagos
Wireframe deuda compartida
Wireframe flujo 6
Wireframe flujo 7

User Flows

¿Cómo navega cada rol?

User Flow Residente
User Flow Guardia
User Flow Administrador

Arquitectura

Tres aplicaciones, un ecosistema

Administradores

Panel Web

  • Dashboard financiero
  • Módulo de unidades
  • Chat y comunidad
  • Vigilancia y seguridad
Guardias

App Móvil

  • Control QR de accesos
  • Gestión de visitas
  • Historial de ingresos
  • Alertas en tiempo real
Residentes

App Móvil

  • Pagos y finanzas
  • QR para visitas
  • Áreas sociales
  • Feed comunitario
Panel Admin

Dashboard financiero y comunitario

Condaty Admin
Condaty Admin Dashboard
Apps Móviles

Experiencias nativas para cada rol

Guardias
App Guardia Condaty

Control de accesos QR

Residentes
App Residente Condaty

Comunidad y pagos

Identidad Visual

Tipografía & Paleta de color

Tipografía · Logo Font

MONTSERRAT

Fuente del Logo · Logo Font

ABCDEFGHIJKLM

NOPQRSTUVWXYZ

abcdefghijklm

nopqrstuvwxyz

1 2 3 4 5 6 7 8 9 0

Paleta de Colores

#00E38C

Primary Green

#FAFAFA

Background

#203239

Dark Teal

#1F2D27

Dark Green

Design System

UI Kit

Sistema de diseño con iconografía propia, componentes reutilizables y estados consistentes para las tres plataformas.

UI Kit — Condaty Design System
UI Kit — Condaty Design System
Condy, mascota de Condaty
Mascota & Asistente Virtual

Condy, el corazón de Condaty

Condy es la mascota y asistente virtual de Condaty, diseñada para humanizar la tecnología en la gestión de condominios. Su estética futurista y rasgos amigables transforman una plataforma de seguridad en una experiencia cercana.

Desde su antena que simboliza conectividad hasta el emblema de unidad en su pecho, cada detalle proyecta un entorno digital inteligente, seguro y, sobre todo, humano.

Inteligente Seguro Humano Futurista
Variantes estacionales

Condy en cada temporada

Diseñé variantes temáticas de Condy para Halloween y Navidad. Estas versiones permitieron que la marca conectara emocionalmente con los residentes, manteniendo su esencia amigable en todas las campañas festivas.

Condy Vampiro

Halloween

Condy Vampiro

Condy Segador

Noche de brujas

Condy Segador

Condy Santa

Navidad

Condy Santa Claus

Condy Reno

Espíritu festivo

Condy Reno

Branding & Merchandising

Identidad más allá de la pantalla

Desarrollé el branding integral para la marca: banners, tazas, gorras, calendarios y botellas. Utilicé IA estratégicamente para generar mockups realistas que agilizaron la aprobación con stakeholders.

Gorras Condaty

Gorras

Tazas Condaty

Tazas

Botellas Condaty

Botellas

Banners Condaty

Banners

Calendarios Condaty

Calendarios

IA utilizada estratégicamente para generar mockups realistas de productos, facilitando la visualización y aprobación de propuestas ante los stakeholders.

App Store Assets

Diseño para las tiendas

Capturas de pantalla estratégicas para Play Store y App Store que destacan las funciones clave de cada módulo, mejorando el atractivo visual y la tasa de conversión.

  • Capturas estratégicas por función
  • Texto superpuesto bilingüe (ES/EN)
  • Optimizados para Play Store y App Store
Intro Condaty
Pagos
Reserva
Alertas
Finanzas
Intro Condaty
Pagos
Reserva
Alertas
Finanzas
Editorial & UX Writing

Manuales de usuario

Creé folletos informativos y los manuales de usuario de la App para residentes y guardias. Apliqué principios de UX para asegurar que las guías fueran claras, intuitivas y fáciles de seguir para todo tipo de usuarios.

Manual Residentes Manual Guardias
CONDATY
Manual Residentes
Resultados del proceso

Números que respaldan el diseño

10+

Entrevistas a usuarios

Residentes · Guardias · Admins

3

Rondas de testing

Con prototipos funcionales

−40%

Pantallas en registro

5 → 3 pasos

~35%

Reducción de abandono

Proyección · testing validado

Mi proceso en Condaty

Cómo trabajé este proyecto

No fue diseño desde cero: fue rediseño con propósito. Cada decisión tuvo un porqué.

01

Descubrir

No llegué a una hoja en blanco. Condaty ya tenía una versión anterior, así que el primer trabajo fue entender qué fallaba: revisé el diseño existente flujo a flujo, conduje entrevistas con residentes y administradores, apliqué evaluaciones heurísticas y analicé la competencia, tanto en Bolivia como soluciones del sector a nivel internacional. Solo después de eso empezamos a hablar de soluciones.

02

Diseñar

Antes de abrir Figma, papel. El lo-fi obliga a tomar decisiones de arquitectura cuando todavía es barato equivocarse. Junto al equipo de diseño y desarrollo, mapeamos flujos mejorados, construimos wireframes a mano y avanzamos paso a paso hasta alta fidelidad, con un sistema de componentes compartido que garantizó consistencia entre los tres perfiles de usuario.

03

Entregar

Con formación en ingeniería, puedo trabajar en el mismo lenguaje que los desarrolladores. En Condaty no solo entregué pantallas: entregué un design system en evolución constante, con componentes documentados y especificaciones que acortaron los ciclos de implementación y redujeron las idas y vueltas de revisión.

04

Iterar y crecer

El lanzamiento fue un punto de partida, no de llegada. El producto siguió creciendo: campañas de comunicación con identidad propia, eventos presenciales que necesitaban nueva gráfica, y assets específicos para App Store y Play Store. El diseño acompañó al negocio en cada etapa, no solo la interfaz sino la marca completa.

Aprendizajes

Qué haría diferente

Módulo de mascotas — backlog pendiente

Las entrevistas revelaron que muchos residentes tienen mascotas y buscan apoyo de la comunidad: paseos, cuidado temporal entre vecinos. Diseñé el concepto inicial, pero fue postergado por el deadline de lanzamiento. Es una oportunidad concreta de expansión que agregaría valor real a la comunidad.

Refundar el design system primero

El producto partía de una base visual de 2-3 años sin tokens ni convenciones actuales. Si lo rehaciera hoy, comenzaría estableciendo un design system moderno antes de diseñar pantallas. Eso habría acelerado la consistencia y reducido la deuda visual acumulada a lo largo del proyecto.

Lanzar bien vs. lanzar perfecto

La llegada acelerada de nuevos clientes acortó los ciclos de iteración. Los bugs post-lanzamiento desplazaron tiempo que hubiera dedicado a optimizar más flujos. La lección: en startups, el diseño debe estar listo para funcionar bien el día uno, con un backlog claro y defendido para la siguiente iteración.

Más proyectos

¿Viste todo lo que puedo hacer?

Regresa al portfolio para ver más proyectos o escríbeme si tienes algo en mente.

Prototipo Figma disponible bajo solicitud