RollitoCrujiente es un proyecto conceptual de diseño de aplicación móvil desarrollado en Figma.
Se trata de una plataforma de streaming especializada en anime, diseñada específicamente para teléfonos móviles, con un enfoque centrado en la experiencia de usuario, la navegación intuitiva y el consumo rápido de contenido.
El objetivo del proyecto fue simular un producto digital real, trabajando arquitectura de información, sistema de navegación mobile y diseño de interfaz coherente con el público objetivo.
RollitoCrujiente nace como una alternativa digital enfocada en una comunidad muy concreta: consumidores habituales de anime en dispositivos móviles.
La propuesta se basa en tres pilares principales:
📱 Experiencia optimizada para smartphone
🎌 Catálogo segmentado por géneros y etiquetas
⚡ Acceso rápido y visual al contenido
La identidad visual combina tonos oscuros con acentos en turquesa, generando contraste y mejorando la legibilidad en entornos nocturnos, que es el momento habitual de consumo de este tipo de contenido.
La pantalla principal está diseñada para ofrecer:
Contenido exclusivo destacado
Recomendaciones personalizadas
Sección “Seguir viendo”
Nuevos estrenos
Se prioriza el contenido visual mediante thumbnails grandes y llamadas a la acción claras como “Ver ahora”.
El uso de jerarquía por tamaños y bloques permite escanear rápidamente la información sin necesidad de leer en exceso.
La sección “Explorar” organiza el catálogo mediante:
Categorías populares (Acción, Drama, Romance, etc.)
Etiquetas adicionales como Musical, Deportes o Recuentos de la vida
Buscador integrado en la parte superior
El objetivo aquí fue mejorar la arquitectura de información para evitar la sobrecarga típica de plataformas con catálogos extensos.
Las categorías están diseñadas como bloques visuales con imagen representativa, reforzando la navegación visual sobre la textual.
La pantalla de detalle se diseñó para concentrar información clave sin saturar:
Imagen principal con overlay degradado.
Título, año, duración y clasificación.
Descripción resumida.
Botón principal “Ver ahora”.
Reparto y recomendaciones relacionadas.
Se trabajó el contraste para asegurar legibilidad sobre fondos dinámicos y se priorizó el botón principal como elemento dominante.
El proyecto incluye un sistema completo de soporte simulado:
Pantalla de FAQs
Formulario de contacto
Estados de carga
Confirmación de envío exitoso
Esto añade realismo al proyecto y demuestra comprensión del ciclo completo del usuario dentro de una plataforma digital.
No se diseñó únicamente la parte “bonita” del producto, sino también los estados necesarios para una experiencia completa.
¿Qué se pedía?
Diseñar una plataforma de streaming de anime optimizada exclusivamente para dispositivos móviles bajo la marca ficticia RollitoCrujiente.
No existe cliente real; se trata de una marca conceptual creada como ejercicio de diseño de producto digital.
Contexto inicial
El proyecto debía simular una aplicación real con:
Catálogo amplio.
Sistema de navegación claro.
Experiencia optimizada para consumo móvil.
Secciones funcionales completas (perfil, ayuda, estados).
Problema a resolver
Las plataformas de streaming suelen presentar:
Sobrecarga visual.
Navegación compleja.
Mala organización del catálogo.
El reto consistía en diseñar una interfaz clara, escalable y centrada en el usuario móvil.
Objetivo del proyecto
Diseñar un producto digital coherente.
Trabajar arquitectura de información.
Crear sistema de navegación inferior funcional.
Demostrar comprensión de experiencia de usuario mobile-first.
La solución se estructuró en torno a una arquitectura de cuatro secciones principales:
Inicio.
Explorar.
Mi lista.
Perfil.
Se diseñó una navegación inferior fija para facilitar el uso con una sola mano.
Decisiones técnicas y creativas
Fondo oscuro para consumo nocturno.
Color turquesa como acento interactivo.
Sistema de cards visuales para contenido.
Grid adaptable para escalabilidad.
Diseño completo de estados (carga, éxito, FAQs, contacto).
Tecnología y herramientas utilizadas
Figma (UI y prototipado).
Componentes y variantes.
Auto Layout para escalabilidad.
Prototipo interactivo navegable.
Flujo de trabajo
Análisis de plataformas de streaming existentes.
Definición de arquitectura de información.
Creación de wireframes de baja fidelidad.
Diseño del sistema visual.
Desarrollo de pantallas principales.
Diseño de estados secundarios.
Revisión de consistencia y usabilidad.
Diseñar una plataforma mobile-first centrada en experiencia de usuario.
Practicar arquitectura de información aplicada a un catálogo amplio.
Crear un sistema de navegación inferior coherente.
Trabajar diseño modular y reutilizable.
Simular un producto digital realista y funcional.
Mejorar la gestión de componentes en Figma.
El proyecto también tenía como finalidad demostrar capacidad para diseñar más allá de una landing estática, desarrollando múltiples flujos y estados de interfaz.
RollitoCrujiente representa un ejercicio completo de diseño de producto digital enfocado en dispositivos móviles.
El proyecto demuestra la capacidad de estructurar una plataforma compleja manteniendo coherencia visual y claridad en la experiencia de usuario.
Más allá del aspecto estético, se trabajó la navegación, la jerarquía de contenido y los estados funcionales para simular una aplicación real.
Como pieza de portfolio, este proyecto refleja habilidades en:
Diseño UI mobile
Arquitectura de información
Diseño orientado a usuario
Creación de sistemas visuales coherentes
RollitoCrujiente no es solo una interfaz atractiva, sino una propuesta estructurada de producto digital pensada para escalar.