Diseño UX/UI de Juan Ramírez

Comedy Night Market by Meta fue una experiencia VR desarrollada en Meta Horizon Worlds. El objetivo fue construir un entorno tipo feria con minijuegos y recompensas para avatares. Como Diseñador UI en 3Dar, diseñé flujos de interfaz, HUDs de juego y sistemas de texturas para assets 2D y 3D. Trabajé con equipos multidisciplinarios en flujos de producción basados en Unity para mantener una navegación clara, legible e inmersiva durante toda la experiencia.

#UI #Art #Unity #VR #3Dar

Financial Education for Itau Bank fue una experiencia web 3D orientada a educación financiera, con contenidos sobre inflación, ahorro e inversiones. El desafío fue volver temas complejos más claros y atractivos para audiencias amplias. Participé en la estructura UX/UI, el diseño del entorno inmersivo y la creación de objetos 3D junto al equipo de 21 Studio. Con flujos de Figma, Blender y Three.js, logramos una interfaz dinámica que mejoró la comprensión y el engagement del contenido.

#21Studio #Threejs #Blender #Figma #UI

Xiaomi 15T Pro Launch Experience fue diseñada como una experiencia táctil interactiva para puntos de venta y eventos. El brief requería comparar modelos, destacar especificaciones y mostrar ofertas de forma rápida e intuitiva. Lideré el diseño UX/UI y la arquitectura de información, definiendo patrones de interacción optimizados para pantallas físicas de gran formato. Construida en Figma y alineada con la identidad de Xiaomi y Leica, la experiencia final mejoró el descubrimiento de producto con una navegación fluida y consistente.

#UI #UX #Figma #InteractiveLaunch #TouchscreenDesign

Mima Concept Store es una marca multidisciplinaria que cruza moda, arte y diseño. El objetivo del proyecto fue traducir su identidad curatorial a una experiencia digital editorial, contemporánea y fácil de recorrer. Con 21 Studio trabajé en dirección UX/UI, jerarquía de layout y ritmo visual, combinando estructuras minimalistas con momentos expresivos de contenido. El sitio se desarrolló con foco en claridad, animaciones sutiles y coherencia de marca en desktop y mobile.

#21Studio #WebDesign #UI #UX #Fashion #ArtDirection

Mercado Play fue un reto de UX para diseñar una función social de recomendación y compartido de películas y series dentro de la plataforma. El problema principal era reducir fricción sin interrumpir el descubrimiento de contenido. Definí flujos end-to-end, estados de interacción y componentes reutilizables para enviar, recibir y explorar recomendaciones. Con un enfoque de producto en Figma, la propuesta mejoró la claridad del recorrido, aceleró la toma de decisión y permitió una implementación escalable en el ecosistema existente.

#UX #UI #Meli #Streaming #CaseStudy

Tour Booking Interface for Atitur fue diseñada como una plataforma web de reservas para turismo colaborativo en el Lago de Atitlán, Guatemala. El objetivo principal era simplificar un flujo de compra complejo sin perder confianza ni claridad. Diseñé el recorrido UX/UI completo: selección de grupo, revisión de precios, acceso de cuenta, checkout y seguimiento del pedido. Construida en Figma con lógica e-commerce, la interfaz redujo fricción en puntos de decisión y volvió más comprensible el proceso para usuarios nuevos.

#Figma #UI #UX #WebApp #TravelDesign

Polycrisisera by Boston Hype se pensó como una experiencia web 360° para una campaña de lanzamiento. El desafío fue combinar narrativa visual, exploración de producto y conversión en un único entorno inmersivo. Colaboré en la estructura UX/UI e interacción de tres secciones personalizadas, con recorrido guiado, galerías y contenido orientado a compra. Desarrollado con flujos de web 3D en 21 Studio, el proyecto trasladó el universo caótico de la marca a una experiencia navegable y accionable.

#3d #Web #Threejs #UI #21Studio

Post-d4t4 by Bullbenny fue una experiencia interactiva de web 3D + AR creada para presentar un drop de campaña con mayor profundidad que un catálogo estático. El objetivo era mejorar la exploración de producto y extender el tiempo de interacción. Colaboré en dirección de interfaz y lógica de navegación, combinando recorrido 360° con visor de producto en realidad aumentada. Con un pipeline de diseño a 3D, la experiencia final reforzó la narrativa del lanzamiento en web y redes.

#UI #Design #AR #Retopology

Desolate Metaverse fue una iniciativa de branding y web para un proyecto NFT construido sobre blockchain. El brief pedía una identidad visual y una plataforma digital inmersiva, coherente con su comunidad y su narrativa. En 21 Studio trabajé en UX/UI y traducción de marca para un sitio desarrollado con A-Frame y WebGL. El resultado fue una presencia digital unificada que fortaleció percepción de producto, onboarding de usuarios y consistencia de comunicación.

#brand #web #Figma #UI #21Studio

Desolate: Game Interface se enfocó en UX/UI para un juego de metaverso en primera persona con integración NFT. El desafío era ordenar sistemas complejos, personalización de avatar, inventario, identidad de usuario y minting, dentro de una experiencia coherente. Diseñé flujos de interacción, jerarquías de pantalla y componentes visuales alineados al mundo del juego, en colaboración con desarrolladores y artistas 3D. La interfaz final mejoró orientación, redujo carga cognitiva y facilitó el uso de funciones clave.

#Crypto #Solana #NFT

Ey Parthenon se desarrolló como una experiencia cultural web 3D interactiva. El objetivo fue permitir una exploración de obras más inmersiva, combinando contenido editorial con módulos de interacción. En 21 Studio participé en la definición UX/UI de navegación, capas de información y momentos interactivos, incluyendo pop-ups de video, encuestas y formularios. El resultado equilibró presentación artística y usabilidad, facilitando un recorrido natural por contenido curado con contexto claro.

#Web #Card #Instagram #SparkAR

El sitio de 21 Studio se diseñó para comunicar servicios en tecnología inmersiva, especialmente web 3D y realidad aumentada. El objetivo fue mostrar capacidades técnicas con una narrativa de portafolio clara y memorable. Diseñé y desarrollé la experiencia en A-Frame, colaborando con @franfranmedel en estructura de contenido y dirección de interacción. El resultado posicionó al estudio con una propuesta de valor definida y una vitrina funcional de sus capacidades interactivas.

#3d #Blender #A-Frame

Nestlé AR Experience fue creada para presentar recetas con leche condensada en formato interactivo. El reto consistía en convertir información culinaria en un recorrido didáctico y entretenido. Diseñé la UI y el flujo de interacción para integrar modelos 3D de producto, visualización de ingredientes, datos nutricionales y pasos animados de preparación. El resultado fue una experiencia más clara y atractiva, que mejoró la comprensión del contenido y el engagement con la marca en AR.

#App #AR #3D

Blau AR SIM Activation (O2 Alemania) transformó un folleto impreso en un flujo guiado de activación. El objetivo era simplificar un proceso técnico y reducir errores en onboarding. Diseñé una UI paso a paso con jerarquía clara, iconografía de apoyo, señales de movimiento y elementos 3D activados por escaneo. La experiencia final mejoró la comprensión para usuarios no técnicos, mantuvo consistencia de marca y convirtió una tarea funcional en un recorrido más intuitivo.

#App #AR #3D

Ford AR Launch Experience se desarrolló para el lanzamiento del Ford Ka Freestyle en Cariló. La meta fue convertir la exploración de producto en una activación de marca interactiva durante temporada alta. Como Diseñador UI en Camon, diseñé flujos de interfaz para descubrir atributos del vehículo mediante modelos 3D y animaciones. La experiencia conectó el espacio físico de activación con interacción digital, aumentando atención y comprensión de características clave del producto.

#Web #VR #AR

Disney Castles Collection fue una experiencia AR orientada a unir storytelling y producto. El brief pedía una interacción mágica pero usable, donde fans pudieran descubrir piezas de colección y experimentar con modelos 3D en su entorno real. En Camon diseñé la UI y arquitectura de interacción para un recorrido 360° en bosque encantado con mundos temáticos por princesa. El resultado conectó narrativa de marca, exploración de producto e intención de compra en un mismo flujo.

#Disney #AR #UI #UX #3DExperience

Star Wars by Disney fue una experiencia Web 360 + AR vinculada al universo de Episodio IX. El reto consistía en integrar múltiples capas de interacción, rompecabezas, tráilers, selección de personajes y avatares AR, sin perder claridad de recorrido. Diseñé el sistema de UI y la lógica de navegación en Camon, priorizando presentación cinematográfica y jerarquía de acciones. El resultado incrementó la profundidad de exploración y fortaleció la participación de fans en la experiencia.

#Web #VR #AR

Tonel Privado incluyó una serie de infografías editoriales e ilustraciones para contenido de cultura de bebidas. El objetivo fue transformar información técnica y tutoriales en piezas visuales coleccionables. Desarrollé un sistema gráfico que combina line art, composición vectorial y paletas cromáticas intensas para comunicar referencias de vino, cerveza y coctelería con claridad. El resultado equilibró utilidad y expresión estética, reforzando identidad de marca y mejorando recordación del contenido.

#Illustrator #Freelance