Diseñé la app de citas pensando en una opción diferente a todas las plataformas para citas que ya conocemos. Cuenta con un onboarding rápido sobre cómo usar la app, te permite armar tu perfil con un video de presentación y algunos detalles sobre vos que irán dentro de tu ficha.
La app tiene una opción para añadir usuarios a favoritos, hacer match y agendar citas (con recordatorios para no olvidarte). Además, después de cada cita podés dejar una valoración de la persona y ella una tuya. Todo con un diseño simple y fácil de usar.
App de citas
Viví la experiencia completa
¿Qué problema resuelve esta app?
Las apps de citas actuales suelen ofrecer experiencias impersonales y repetitivas. Los usuarios mencionaron dificultades para destacar perfiles, recordar futuras citas y generar conexiones reales a partir de fotos.
Por eso, me propuse diseñar una app que ofreciera una experiencia más cálida, con funciones que respondieran a estos puntos de dolor:
Incorporar Favoritos para destacar personas importantes y así recordarlos fácilmente entre tantos matches.
"Soy muy 'colgada' con las citas, generalmente organizo 2 por semanas y me cuesta acordarme de todo entre tantas personas y apps diferentes."
"La verdad es que al matchear con tantas personas a veces uno se marea un poco."
"Me gustaría poder conocer mejor a la persona antes de darle 'like', siento que con las fotos no es suficiente para conectar."
Crear una sección de Citas con recordatorios para evitar olvidos y mantener la organización entre encuentros.
Reemplazar fotos estáticas por videos de presentación que ayuden a mostrar la esencia real de cada persona.
EL DESAFÍO
¿Cómo abordé el diseño desde UX?
Partí de una necesidad real, buscando entender a fondo a las personas usuarias para diseñar una experiencia que les resulte útil, simple y significativa.
Mi enfoque priorizó la claridad, la empatía y el diseño de interacciones intuitivas en cada etapa del proceso.
MI ENFOQUE UX
Una estrategia UX clara desde la empatía hasta la solución:
Cómo implementé el enfoque en las primeras etapas del proceso.
Me basé en el enfoque de Design Thinking para diseñar una experiencia centrada en las personas. En esta sección muestro cómo trabajé las dos primeras etapas del proceso: Empatizar y Definir, que fueron clave para guiar decisiones de diseño. Las siguientes fases fueron abordadas mediante prototipos iterativos y validaciones continuas.
Durante esta etapa, recopilé opiniones reales de usuarios/as de apps de citas para identificar sus necesidades y frustraciones.
EMPATIZAR
Principales frustraciones detectadas
Dificultad para destacar perfiles.
Olvidos sobre próximas citas.
Falta de conexión real al ver solo fotos.
DEFINIR
En base a los insights de la etapa anterior, construí un perfil representativo de usuario y analicé su recorrido para identificar oportunidades de mejora.
Santiago está soltero hace un tiempo, intentó con varias apps de citas pero no se siente cómodo.
Cree que es muy difícil conectar con alguien si no es de forma presencial, ya que con una foto no se puede conocer la voz de la persona ni el tono con el que habla, o sus expresiones faciales y corporales.
APLICANDO DESIGN THINKING
Los elementos clave de la app fueron diseñados para adaptarse a distintas etapas del recorrido del usuario, manteniendo coherencia visual y funcional.
FICHA DE PERFIL
VALORACIONES + LISTAS
FORMULARIOS + ONBOARDING
Componentes
Estos elementos permiten una experiencia intuitiva, manteniendo consistencia visual y claridad funcional en toda la app.
Elementos de interfaz y navegación
NAVEGACIÓN GENERAL
CONTENIDO DE PERFIL + FORMULARIO
ACCIONES + ESTADOS
CONTROLES DE USUARIO
NAVEGACIÓN
Se definieron estilos jerarquizados para asegurar una experiencia clara, amigable y accesible, con buena legibilidad en dispositivos móviles.
TITULO DE SLIDE
"Onboarding"
DM Sans Bold - 24px / Interlineado 140%
TITULO PRINCIPAL
"Login"
DM Sans Bold - 18px / Interlineado 140%
SUBTITULO
"¿Volverías a verte otra vez con Alejandro?"
DM Sans Medium - 16px / Interlineado 0%
PREGUNTA DE FORMULARIO
"¿Qué tal fue tu primera impresión de Alejandro al verlo?"
DM Sans Medium - 20px / Interlineado 140%
TEXTO BASE
"Textos de descripción y ayuda en Onboarding o debajo de botones"
DM Sans Regular - 15px / Interlineado 140%
Tipografía
BOTONES
TEXTOS
ELEMENTOS
FONDOS
Paleta de colores
La paleta combina tonos suaves y destacados que acompañan la navegación, refuerzan acciones clave y transmiten una experiencia cálida y clara.
¿Cómo se definió la identidad visual?
Para lograr una experiencia amigable, coherente y fácil de escalar, diseñé un sistema visual con estilos reutilizables. Definí jerarquías tipográficas claras, una paleta de colores cálida, iconografía funcional y componentes consistentes para garantizar la fluidez en el uso.
DESIGN SYSTEM
Viví la experiencia completa:
La app fue evolucionando desde wireframes centrados en funcionalidades clave hasta un diseño visual pensado para conectar emocionalmente con las personas usuarias.
A continuación, comparo algunas pantallas representativas para mostrar cómo cada decisión se fue transformando en una experiencia clara, amigable y coherente.
Cómo tomaron forma las ideas
Video presentación de la persona, luego que finaliza se activa la ficha completa scrolleable.
Menú de opciones: Una vez agregado a Favoritos, se habilita el botón para iniciar conversación.
Próxima cita: Permite visualizar rápidamente el próximo encuentro agendado y anticiparse a la interacción
Pendiente de valoración: Indica que el usuario aún no completó la evaluación posterior a esa cita.
Valoración con estrellas: Muestra las calificaciones dadas por el usuario a citas pasadas para reforzar la toma de decisiones futuras.
ONBOARDING
LOGIN
VALORACIÓN
A continuación, algunas pantallas clave de la experiencia final diseñada:
DEL CONCEPTO
A LA EXPERIENCIA
Diseñé la app de citas pensando en una opción diferente a todas las plataformas para citas que ya conocemos. Cuenta con un onboarding rápido sobre cómo usar la app, te permite armar tu perfil con un video de presentación y algunos detalles sobre vos que irán dentro de tu ficha.
La app tiene una opción para añadir usuarios a favoritos, hacer match y agendar citas (con recordatorios). Además, después de cada cita podés dejar una valoración de la persona y ella una tuya. Todo con un diseño simple y fácil de usar.
¿Qué problema resuelve esta app?
Las apps de citas actuales suelen ofrecer experiencias impersonales y repetitivas. Los usuarios mencionaron dificultades para destacar perfiles, recordar futuras citas y generar conexiones reales a partir de fotos.
EL DESAFÍO
"La verdad es que al matchear con tantas personas a veces uno se marea un poco."
"Me gustaría poder conocer mejor a la persona antes de darle 'like', siento que con las fotos no es suficiente para conectar."
"Soy muy 'colgada' con las citas, generalmente organizo 2 por semanas y me cuesta acordarme de todo entre tantas personas y apps diferentes."
Reemplazar fotos estáticas por videos de presentación que ayuden a mostrar la esencia real de cada persona.
Crear una sección de Citas con recordatorios para evitar olvidos y mantener la organización entre encuentros.
Ver más
Incorporar Favoritos para destacar personas importantes y así recordarlos fácilmente entre tantos matches.
Ver más
Por eso, me propuse diseñar una app que ofreciera una experiencia más cálida, con funciones que respondieran a estos puntos de dolor:
Cómo implementé el enfoque en las primeras etapas del
proceso.
Me basé en el enfoque de Design Thinking para diseñar una experiencia centrada en las personas. En esta sección muestro cómo trabajé las dos primeras etapas del proceso: Empatizar y Definir, que fueron clave para guiar decisiones de diseño. Las siguientes fases fueron abordadas mediante prototipos iterativos y validaciones continuas.
APLICANDO
DESIGN THINKING
DEFINIR
En base a los insights de la etapa anterior, construí un perfil representativo de usuario y analicé su recorrido para identificar oportunidades de mejora.
Santiago está soltero hace un tiempo, intentó con varias apps de citas pero no se siente cómodo.
Cree que es muy difícil conectar con alguien si no es de forma presencial, ya que con una foto no se puede conocer la voz de la persona ni el tono con el que habla, o sus expresiones faciales y corporales.
Falta de conexión real al ver solo fotos.
Olvidos sobre próximas citas.
Dificultad para destacar perfiles.
Principales frustraciones detectadas
EMPATIZAR
Durante esta etapa, recopilé opiniones reales de usuarios/as de apps de citas para identificar sus necesidades y frustraciones.
Ver más
Una estrategia UX clara desde la empatía hasta la solución:
Tipografía
Se definieron estilos jerarquizados para asegurar una experiencia clara, amigable y accesible con buena legibilidad.
TITULO DE SLIDE
TITULO PRINCIPAL
SUBTITULO
PREGUNTA DE FORMULARIO
TEXTO BASE
"Onboarding"
"Login"
"¿Volverías a verte otra vez con…?"
"¿Qué tal fue tu primera cita con…?"
"Textos de descripción y ayuda"
DM Sans Bold - 24px / Interlineado 140%
DM Sans Bold - 18px / Interlineado 140%
DM Sans Medium - 16px / Interlineado 0%
DM Sans Medium - 20px / Interlineado 140%
DM Sans Regular - 15px / Interlineado 140%
Ver más
BOTONES
TEXTOS
ELEMENTOS
FONDOS
Paleta de colores
La paleta combina tonos suaves y destacados que acompañan la navegación y refuerzan acciones clave.
Ver más
Los elementos clave de la app fueron diseñados para adaptarse a distintas etapas del recorrido del usuario.
FICHA DE PERFIL
FORM+ ONBOARDING
VALORACIONES + LISTAS
Componentes
Ver más
Estos elementos permiten una experiencia intuitiva, manteniendo consistencia visual y claridad funcional en toda la app.
Iconos
NAVEGACIÓN GENERAL
CONTENIDO DE PERFIL + FORM
ACCIONES + ESTADOS
NAVEGACIÓN
CONTROLES DE USUARIO
Ver menos
DESIGN SYSTEM
Para lograr una experiencia amigable, coherente y fácil de escalar, diseñé un sistema visual con estilos reutilizables. Definí jerarquías tipográficas claras, una paleta de colores cálida, iconografía funcional y componentes consistentes para garantizar la fluidez en el uso.
¿Cómo se definió la identidad visual?
¿Cómo abordé el diseño desde UX?
Partí de una necesidad real, buscando entender a fondo a las personas usuarias para diseñar una experiencia que les resulte útil, simple y significativa.
Mi enfoque priorizó la claridad, la empatía y el diseño de interacciones intuitivas en cada etapa del proceso.
MI ENFOQUE UX
La app fue evolucionando desde wireframes centrados en funcionalidades clave hasta un diseño visual pensado para conectar emocionalmente con las personas usuarias. A continuación, comparo algunas pantallas representativas para mostrar cómo cada decisión se fue transformando en una experiencia clara, amigable y coherente.
Video presentación de la persona, luego que finaliza se activa la ficha completa scrolleable.
Ver más
Menú de opciones: Una vez agregado a Favoritos, se habilita el botón para iniciar conversación.
Ver más
Próxima cita: Permite visualizar rápidamente el próximo encuentro agendado y anticiparse a la interacción
Pendiente de valoración: Indica que el usuario aún no completó la evaluación posterior a esa cita.
Valoración con estrellas: Muestra las calificaciones dadas por el usuario a citas pasadas para reforzar la toma de decisiones futuras.
Cómo tomaron forma las ideas
DEL CONCEPTO
A LA EXPERIENCIA
A continuación, algunas pantallas clave de la experiencia final diseñada:
ONBOARDING
Ver más
LOGIN
Ver más
VALORACIÓN