Takome – App de streaming anime
Streaming
App
Móvil
UI/UX
Arquitectura de la información, identidad de marca y un userflow natural.
Cliente: Este proyecto no busca satisfacer a un cliente concreto, si no, analizar el mercado competitivo y ver si hay elementos que se puedan mejorar.
Rol: Diseñador UI/UX & Brand identity.
Industria: Entretenimiento, Streaming.
Herramientas: Figma, Illustrator.
¿Cual es el problema?
El anime es un medio en auge, y con ello, la aparición de alternativas de terceros ha sido inevitable, el problema es que muchas de estas aplicaciones y páginas fallan a la hora de entregar una experiencia de usuario de calidad, pues un gran problema es la inmensa cantidad de contenido que ofrecen, con arquitecturas de la información algo confusas.
- Demasiada fricción a la hora de gestionar y catalogar el contenido consumido.
- Interfaces anticuadas y poco intuitivas.
- Numero de pantallas excesivo.
- Falta de claridad.
Objetivos de proyecto
Tomar una media de las diferentes plataformas que han surgido, estructurarlas de forma que sea más cómoda de navegar, simplificando el UserFlow, tomando de referencia soluciones ya existentes.
Todo esto envuelto en un branding propio.
Entendiendo al usuario
User research
Metodología
- Entrevistas de guerrilla.
- Benchmarking de plataformas.
Conclusión
La investigación reveló que el consumidor promedio de anime tiene dos necesidades principales:
- Seguir los estrenos de temporada.
- Buscar y catalogar fácilmente sus animes de interés, incluso para ver el mismo repetidas veces.
Existe una gran separación entre las aplicaciones primarias y las de terceros: las apps primarias están muy profesionalizadas pero tienen catálogos limitados o buscadores pobres, concentrando sobre todo en el contenido mainstream más popular, mientras que las plataformas de terceros tienen todo el contenido pero una experiencia de usuario bastante cruda, saturada y poco intuitiva, por lo que idealmente habría que solucionar eso intentado utilizar los menos recursos posibles.
Puntos de dolor
Carga cognitiva excesiva
Las interfaces actuales saturan al usuario con demasiada información, banners innecesarios y falta de jerarquía visual, lo que dificulta la toma de decisiones.
Descubrimiento tosco
El sistema más común de navegación suele orbitar entorno a los lanzamientos recientes, dejando a un lado funcionalidades para los usuarios que van a su propio ritmo.
Falta de continuidad
Los usuarios pierden el rastro de por qué episodio van o cuándo sale el siguiente capítulo debido a la falta de un sistema de notificaciones y «seguimiento» eficiente.
Inconsistencia visual
Una estética fragmentada que genera desconfianza y no refleja la energía ni la pasión de la cultura anime.
User Personas
María Dubal
19 AÑOS - ESTUDIANTE - GRANADINA - CON NOVIA - UNIVERSITARIA
Al ser estudiante tiene más libertad horaria, pero no tiene tanto tiempo libre, por lo que prefiere algo sencillo con lo que poder desconectar, así que su consumo principal son los animes de emisión semanal de temporada. Le es muy conveniente tener los últimos lanzamientos.
Objetivos
- Facilidad para ver las emisiones semanales.
- Interfaz moderna y sencilla.
- Poder descargar los episodios.
- Socialización en comunidad.
Frustraciones
- «Doomscroll», no ser capaz de decidir que ver.
- Desconfianza ante interfaces obsoletas.
- Dificiltad de búsqueda de nombres localizados.
- Cortes en mitad de los episodios.
Fernando Fernández
26 AÑOS - CAMARERO - GRANADINO - SOLTERO - FORMACIÓN PROFESIONAL SUPERIOR
Fernando es una persona muy fan del anime desde muy joven, bastante purista y se pasa el día buscando series antiguas que han marcado la historia, busca diligentemente entre todo el catálogo y le gusta tener todo organizado en base a sus gustos para cuando quiere verse del tirón un anime concreto.
Objetivos
- Gestión amplia de biblioteca.
- Continuidad de visualización entre distintas sesiones.
- Eficiencia de clicks.
- Sincronización de dispositivos.
Frustraciones
- Pérdida de progreso.
- Notificaciones Irrelevantes.
- Falta de información técnica.
- Navegación confusa.
User Flow
Empezando a diseñar
Las soluciones
Mira el prototipo de alta fidelidad
Takome Home
El home de Takome ha sido diseñado como el centro de la experiencia, priorizando que puedas ir de forma directa a cualquier parte de la aplicación, y que el uso principal de la aplicación, ver anime, tenga la menor fricción posible.
La funcionalidad más destacada es el módulo de «KEEP WATCHING», que presenta de forma directa el siguiente episodio de la última serie visualizada por el usuario. Este acceso directo actúa como un ancla de conveniencia que elimina la necesidad de navegar por menús secundarios o buscar manualmente dentro de la ficha técnica de la serie. Al predecir el siguiente paso en el flujo de consumo, se reduce drásticamente la carga cognitiva y se crea un retorno a la aplicación fluido y natural.
Complementando la continuidad, debajo hay un panel que ofrece una visión rápida y actualizada en tiempo real de los capítulos más recientes de la plataforma. Cada tarjeta de episodio integra un set de opciones contextuales que permiten una gestión rápida sin abandonar la pantalla de inicio; desde aquí, el usuario puede descargar episodios, ir a su ficha o verlos directamente. Esta estructura no solo facilita el descubrimiento de tendencias, y continuar con tu flujo de visualización, sino que otorga un acceso directo con el que puedes gestionar cada ficha.
Descubrimiento y Segmentación
La sección de Explorar de Takome ha sido concebida como una herramienta de navegación seccionada, diseñada para organizar un catálogo enorme en estructuras simples y fáciles de escanear. El usuario puede filtrar instantáneamente entre Series (Anime), OVAs y Películas. Esta segmentación inicial es muy útil para refinar la intención de búsqueda inicial, permitiendo que la interfaz se adapte a diferentes contextos de consumo, aunque centrada en la exploración de contenido, pues combinada con el botón de filtro avanzado puedes explorar mucho contenido con facilidad.
Un pilar fundamental de esta sección es el módulo de «Emisiones del Día», una funcionalidad estratégica que refuerza los patrones de comportamiento y la rutina del espectador. Al presentar el contenido organizado según el día de la semana, la aplicación se alinea con los momentos de ocio específicos del usuario. Este diseño reconoce que el consumo de anime suele estar ligado a días concretos de disponibilidad personal, facilitando una planificación natural del tiempo libre y creando un hábito de uso recurrente que aporta valor real a la vida cotidiana del usuario.
Finalmente, la sección se completa con un listado exhaustivo y dinámico de todo el catálogo disponible en la plataforma. Esta biblioteca general está diseñada bajo principios de escalabilidad, permitiendo un «scroll» infinito donde la jerarquía visual se mantiene constante. El objetivo es ofrecer una experiencia de exploración libre donde el descubrimiento fortuito convive con la organización técnica, asegurando que tanto los clásicos del género como las últimas novedades sean igualmente accesibles para todos los perfiles de usuario.
Inmersión y Gestión de Contenido
Las fichas técnicas, denominada internamente como FILE, ha sido diseñada para actuar como estructura organizativa, donde tienes los datos más relevantes, puedes valorar y catalogar. Para gestionar la alta densidad de información que requiere un título de anime, implementé una arquitectura de navegación interna mediante un selector de doble sección: Info y Episodios. Esta división estratégica permite que el usuario acceda a lo que necesita en cada momento del «customer journey», manteniendo una interfaz limpia y evitando la sobrecarga cognitiva que suele plagar a otras plataformas del sector.
El estado por defecto, Info, funciona como eje central gestionar la saga. Aquí, el usuario dispone de una sinopsis detallada, un sistema de etiquetas por géneros y una herramienta de valoración comunitaria, elementos clave para el apartado social. El diseño prioriza un CTA que permite retomar la visualización exactamente donde se dejó con un solo toque. Ayudando a los usuarios que siguen múltiples sagas a la vez, también minimiza la fricción y se agiliza el flujo hacia el reproductor, convirtiendo la ficha en un punto de paso ágil en lugar de un obstáculo.
Finalmente, ves contenido relacionado de la misma saga, una funcionalidad diseñada para fomentar la exploración profunda, agilizar la navegación entre el mismo bloque y reducir la incertidumbre en el orden de visualización aumentando el tiempo de permanencia en la aplicación. Guiar al usuario de esta forma, es muy útil sobre todo de cara a evitar que tenga que salir de la aplicación.
Accesibilidad
Contraste y Legibilidad (WCAG AA/AAA):
La aplicación cuenta con contraste alto para facilitar la lectura en toda pantalla. Siguiendo las normas establecidads por el WCAG.
Personalización Inclusiva de Subtítulos
Dado que el anime se consume mayoritariamente con subtítulos, diseñé un sistema de configuración avanzada. Los usuarios pueden ajustar la fuente y el fondo. Esta funcionalidad es vital para usuarios con baja visión o dislexia, permitiéndoles adaptar la carga de lectura a sus necesidades específicas sin perder el hilo de la narrativa.
Conclusiones
Los siguientes pasos
Takome representó el desafío de transformar una plataforma de contenido masivo pero técnicamente deficiente en una experiencia de usuario de nivel premium. El resultado final no es solo una interfaz estética, sino un ecosistema estructurado que entiende y respeta los hábitos del fan del anime, eliminando la fricción entre el deseo de ver contenido y la acción de reproducirlo, todo dentro de un marco de marca bien definido.
Aprendizaje
Organización de alta densidad: Aprendí a gestionar grandes volúmenes de metadatos (etiquetas, episodios, categorías) sin comprometer la limpieza visual, utilizando una arquitectura de pestañas y jerarquías claras, algo clave para esto es el uso de filtros intuitivos y precisos, una deficiencia clara en muchos entornos.
Diseño entorno a la Rutina Entendí que los fan del anime tienen rutinas muy marcadas, y si bien también hay que apoyar que no caigan en un bucle eterno de no saber que ver, es más importante no dificultar esta rutina, posiblemente, si tuviese que hacer todo de nuevo desde el principio, añadiría más botones que apoyen esta tendencia.
Siguientes Pasos (Roadmap)
Desarrollo API: En una segunda fase, intentaría realizar la aplicación para que sea totalmente funcional, conectada a una API que me de acceso a todos los datos necesarios para que la aplicación funcione, además integraría un sistema de gestión de datos locales para que los usuario puedan desplazar esto sin necesidad de un sistema de guardado en al nube, idealmente con la capacidad de combinar varias bases de datos.
Funciones Sociales Pro: Implementar un sistema de «Watch Party» para que los usuarios puedan ver episodios simultáneamente con amigos, fomentando el sentido de comunidad.
Takome demuestra que las plataformas de nicho no tienen por qué conformarse con experiencias de usuario mediocres. Con una arquitectura sólida y una identidad visual coherente, es posible crear un producto que se sienta tan profesional como las grandes plataformas del mercado, pero tan cercano como una comunidad de fans.