Caso de estudio: Creación de una aplicación Web/Móvil

TokinAi

TokinAi es una aplicación diseñada para ayudar a emprendedores, creadores de contenido y equipos de marketing a generar contenido visual y textual para redes sociales de manera rápida y eficiente usando IA.

El proyecto surgió de la necesidad de democratizar la creación de contenido profesional para pequeñas empresas y creadores independientes que no cuentan con equipos de diseño dedicados.

Placeholder image case study

Rol

Lead UI/UX Designer

Investigación, diseño, testing

Equipo

5 personas

1 diseñador, 3 Developers, 1 PM

Duración

6 meses

Enero - Julio 2025

01
Problema

Muchos emprendedores enfrentan dificultades para mantener una presencia activa y consistente en redes sociales.

Los pequeños emprendedores destinan entre 5 y 8 horas semanales a la creación de contenido, tiempo que podría invertirse en actividades estratégicas para el crecimiento de su negocio. Además, el 73% de los usuarios encuestados manifestó sentirse abrumado por la necesidad de producir contenido de calidad de forma constante en múltiples plataformas, principalmente por falta de tiempo, recursos o conocimientos especializados.

Esta situación genera una barrera significativa para la visibilidad digital y el crecimiento sostenido de sus marcas.

02
User Research

Análisis competitivo

Se examinaron plataformas similares para entender el mercado y las oportunidades de diferenciación.

Competitive image

Pippit

Pippit es una plataforma con funciones de creación automática de contenido multimedia impulsada por IA, enfocada en la generación de videos e imágenes para marketing y redes sociales.

Fortalezas
  • IA para generación automática de videos e imágenes
  • Avatares y narración multilingüe
  • Plantillas y recursos de marketing
Puntos débiles
  • Falta de contexto de negocio/nicho
  • No sugiere frecuencia de publicación para diferentes redes
  • No permite organizar/reutilizar publicaciones

Encuestas

Para garantizar que nuestro producto satisfacía realmente las necesidades de nuestros usuarios, era esencial realizar entrevistas con emprendedores nuevos y con algún tiempo. Estas opiniones dieron forma a nuestra estrategia, lo que nos permitió crear un producto que aportaba un valor real y abordaba sus puntos débiles específicos.

Problema identificadoEncuestados%
Falta de tiempo para publicar6986%
Falta de conocimiento en marketing digital4353%
No han usado herramientas de IA para crear contenido4658%
No tienen página web, ni redes sociales3240%
Publican de forma inconsistente4455%
No miden resultados ni métricas6783%
No saben cómo hacer publicidad (ads)6277%

Insights encontrados

Después de realizar entrevistas a usuarios, investigaciones contextuales, análisis de plataformas similares y analizar los datos recopilados, pude clasificar los conocimientos adquiridos en estas tres categorías:

Tiempo

La mayoría de los emprendedores carecen del tiempo para aprender, ejecutar y vitalizar sus cuentas de redes sociales.

Personalización

Muchos usuarios encuentran que el contenido generado por IA genérico no está personalizado o alineado con la marca.

Desconocimiento

Muchos emprendedores saben que tienen un negocio real pero carecen de conocimiento sobre qué, cuándo o cómo publicar.

User Personas

A partir de la investigación, definimos tres perfiles de usuarios que representan el espectro de necesidades de TokinAi.

CH

Carlos Herrera

Dueño de negocio · 35 años

"Sé que necesito publicar más, pero entre atender mi negocio y todo lo demás, simplemente no tengo tiempo."

Objetivos

  • Ganar visibilidad sin invertir horas en redes
  • Atraer nuevos clientes con contenido profesional

Frustraciones

  • No sabe qué publicar ni cuándo
  • Teme verse poco profesional en redes
VT

Valentina Torres

Community Manager · 27 años

"Manejo varias marcas a la vez y siempre necesito ideas frescas. Es agotador reinventarse cada semana."

Objetivos

  • Generar ideas de contenido para múltiples clientes
  • Mantener la voz y consistencia de cada marca

Frustraciones

  • Agotamiento creativo al gestionar varias cuentas
  • Herramientas genéricas que no respetan el tono de marca
SM

Sofía Mora

Emprendedora digital · 24 años

"Tengo las ideas, pero necesito ayuda para transformarlas en publicaciones que realmente conecten."

Objetivos

  • Construir audiencia orgánica desde cero
  • Monetizar su marca personal con contenido de valor

Frustraciones

  • No sabe adaptar contenido a distintas plataformas
  • Baja consistencia por falta de estructura
03
Diseño

Con una mejor comprensión de las necesidades de los usuarios, me sumergí en la creación de wireframes e iteraciones, centrándome en:

Personalización de contenido

Para esta arista, se planteó un onboarding en un flujo progresivo de 3 pasos, la primera vez que el usuario entra para que proporcione datos de su negocio y datos de la competencia. Para asi poder generar contenido personalizado y alineado a la marca.

Identificar la marca

Pantalla 2

Paso 1: En este paso el usuario debía iniciar sesioón con sus redes sociales para poder obtener los datos de su negocio como su Nombre de negocio, seguidores, publicaciones, etc.

Identificar la competencia

Pantalla 2

Paso 2: En este paso el usuario debía ingresar la URL's de sus competencias para que la IA pueda analizar y obtener información de su competencia.

Revisar y editar los datos inferidos

Pantalla 2

Paso 3: En este paso el usuario podía revisar y editar los datos obtenidos de su negocio y de su competencia. Que fueron obtenidos con sus redes sociales y las URL's de sus competencias. Y algunos como el tono de sus publicaciones, etc. Que fueron inferidos por la IA.

Hallazgos

En las pruebas iniciales se detectó los siguientes incovenientes:

  • El flujo de onboarding era demasiado extenso. Los usuarios abandonaban antes de configurar su perfil de negocio, impidiendo que puedan pasar el onboarding por tanto acceder a la funcionalidad principal de la plataforma.
  • Debido a la audiencia objetiva de la plataforma, que son dueños de negocios con poco tiempo y con conocimientos básicos. Muchos no tenían redes sociales, por tanto no se podían obtener los datos de su negocio.
  • Otros usuarios que si contaban con redes sociales, no tenían inisiado sesión con sus redes sociales, por tanto debían buscar o recordad sus credenciales para poder iniciar sesión. Lo cuál era demoroso y muchos no lo hacían.
  • Otros no contaban con el suficiente contenido en sus redes sociales, por tanto la IA no podía obtener los datos suficientes para poder crear una idea de la marca.
  • En la identificación de la competencia, los usuarios no sabían que poner en el campo de URL de la competencia. Les causaba confusión y no sabían que poner.
Iteración 1
v2
Pantalla 1
Propuesta de solución

Se considero las observaciones de los usuarios y se rediseñó el primer paso del onboarding. Se intento que el usuario ya no inicie sesión con sus redes sociales, si no que ingrese la URL de su negocio o de su competencia. Para asi poder obtener los datos de su negocio y de su competencia.

Problemas encontrados

Este cambio no fue bien recibido por los usuarios, ya que les causaba confusion el campo de URL de su negocio y el de la competencia. Además volvimos al problema de ser un proceso engorroso y largo. Al tener que buscar la URL de su negocio y el de su competencia, muchos usuarios no lo hacían.

Iteración 2
v3 — Final
Pantalla 1
Solución final

Se volvió a plantear otra solución, esta vez se opto por inckuir un buscador de páginas, para que el usuario pueda buscar la página de su negocio y agregarla facilmente. Esta solución fue bien recibida por los usuarios, ya que les permitía obtener los datos de su negocio de manera rápida y eficiente. Sin tener que salir de la plataforma para obtener los datos de su negocio. Además se redujo a 2 pasos el onboarding, para que el usuario pueda obtener los datos de su negocio de manera más rápida y la sección de comptidores se agrego como un dato más a revisar inferido por la IA.

Por revisar

A pesar de que esta solución menoró las fricciones y logro que muchos usuario avanzaran en el onboarding, surgió el problema de que algunas páginas no se encontraban el buscador, por lo que los usuarios tenían que ingresar los datos de su negocio de manera manual con el URL. Sin embargo se considero que esta solución era la mejor opción, debido a la tasa de usuario que avanzaban a comparación de los otros métodos.

Tiempo

Para el problema de tiempo, se propuso una solución que permitiera a los usuarios generar contenido de manera rápida y eficiente. Se planteó un sistema de estrategias que le premitan al usuario crear varias publicaciones en un solo proceso.

Creación de estrategia

Pantalla 2

Aquí el usuario puede determinar el objetivo de su estrategia, el tipo de contenido que desea generar y el tono que desea usar. Por defecto se le propone una estrategia con variantes listas para usar.

Revisión de contenido a generar

Pantalla 2

Aquí el usuario puede revisar que contenido se generará (Imagen, video, texto), para que red social se publicará y el valor en creditos que se requiere.Puede modificar si es necesario.

Calendario de publicaciones

Pantalla 2

El sistema genera y agenda el contenido y recomienda los mejores horarios por red social. El usuario puede modificar en cualquier momento.

Hallazgos

En las pruebas iniciales se detectó lo siguiente:

  • Los usuarios solo editaban el objetivo, no interactuaban con las opciones de edición de contenido
  • La mayoría de usuario aceptaban el contenido propuesto por la IA, por lo que se decidió simplificar el flujo.
  • El modal de revisión de contenido contenía mucha información y era confuso para los usuarios.

Iteración 1
v2 — Final
Pantalla 1
Propuesta de Solución

Se rediseñó el flujo de creación de estrategias de contenido para solventar los hallazgos entontrados:

  • Se simplificó el flujo de creación de estrategias de contenido, presentando al usuario un solo input donde podia ingresar el objetivo de la estrategia, que es el campo que más editaba el usuario.
  • Los campos para el tono de contenido, hashtags o fecha de publicación se colocaron con menos jerarquia para no abrumar al usuario.
  • Se eliminó el modal de revisión de contenido, cambiandolo por un resumen de la estrategia de contenido con la información más separada y ordenada.

Por revisar

En esta mejora, aunque el flujo fue más directo, se notó que los usuarios seguían sin interactuar con los campos de personalización de contenido, por lo que se sugierio revisar como mejorar la experiencia de personalización de contenido.

Solución final

04
Testing

Probé el producto en varias etapas del proyecto.

  • Pruebas beta: antes de lanzar la aplicación, la probamos con un grupo de emprendedores. Lo cuál nos sirvió para obtener algunos indicadores y donde había puntos de fricción
  • Pruebas A/B: se probaron varios pequeños flujos en la herramienta para medir como interactuaban los usuario con determinado flujo y si era intuitivo para el usuario

Lo que funcionó

  • Creación rápida de contenido: Los usuarios destacaron la capacidad de generar contenido de manera eficiente como un gran ahorro de tiempo.
  • Agendamiento/Publicación automático:El usuario se vió entusiasmado por las recomendaciones de contenido a publicar y horarios para las distintas redes.

A mejorar

  • Inicio de sesión en redes sociales: Muchos usuarios no tenían abierta la cuenta en el navegador. Lo que generaba fricciones en el proceso. Lo cuál generaba que usuarios no pasen de este paso.
05
Aprendizajes
  • 1

    Estudio previo de audiencia: Al hacer las primeras entrevistas, los usuarios que más teníamos, eran de entre 40-65 años. Con pocos conocimientos de temas de marketing, crecimiento de marca, IA, tecnología en general. Lo cuál me indicaba que las interacciones que para un público familiarizado con tecnología y tendencias, tal vez no funcione tan bien entre este rango de edad.

  • 2

    Tiempo VS Teoría: Los tiempos del proyecto estuvieron apretados, lo cuál no permitió realizar todos los procesos que en teoría deberían realizarse en un proyecto de UX/UI, sin embargo se trato de equilibrar el procesos, para qie los entregables cuenten con un diseño centrado en el usuario en cada etapa.

  • 3

    Iterar continuamente: Monitorear continuamente el uso de los usuarios, recibir el feedback para mejorar. Ayudó mucho a encontrar en que puntos tenían fricción los usuarios y poder modificar y en ocasiones rediseñar por completo.

  • 4

    Involucrar todos los actores: en las distintas etapas es crucial para validar ideas y diseños, tanto con los stakeholders, como con el equipo de desarrolladores, para mantener una comunicación, misma sintonía y que no se retrase por falta de comunicación

<Más proyectos/>

Más proyectos

Banner
Social Alert
Diseño y prototipado de una aplicación móvil desde cero, cubriendo todo el flujo del usuario desde el login hasta las acciones principales, con enfoque mobile-first.
Banner
ScanAudience
Mejora de una plataforma existente mediante análisis de benchmark, encuestas a usuarios y rediseño de interfaces para simplificar la información y aumentar la eficiencia de uso.