UX/UI Design by Juan Ramírez

Comedy Night Market by Meta VR was a social gaming experience built in Meta Horizon Worlds. The objective was a fair-style environment where users could play mini-games and earn avatar rewards. As UI Designer at 3Dar, I designed the interface flows, HUD elements and 2D/3D texture systems, working within Unity-based pipelines across design and development teams.

#UI #Art #Unity #VR #3Dar

Financial Education for Itau Bank was an interactive 3D web experience designed around financial literacy topics, inflation, savings and investments. The goal was to translate dense educational content into a navigable, visual journey. I worked on UX/UI structure, 3D scene design and asset production using Figma, Blender and Three.js.

#21Studio #Threejs #Blender #Figma #UI

Xiaomi 15T Pro Launch Experience was a touchscreen journey for retail and event screens. The brief: fast model comparison, spec navigation and offer surfacing, all optimized for large-format touch. I led UX/UI design and information architecture, building the interaction system in Figma with Xiaomi and Leica visual standards.

#UI #UX #Figma #InteractiveLaunch #TouchscreenDesign

Mima Concept Store is a multidisciplinary brand at the intersection of fashion, art, and design. The objective was to translate its curatorial identity into a digital experience that felt editorial, contemporary, and easy to navigate. With 21 Studio, I worked on UX/UI direction, layout hierarchy, and visual rhythm, combining minimal structures with expressive media moments. The site was developed with a strong focus on clarity, subtle animation, and brand coherence across desktop and mobile.

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

Mercado Play App was a UX design challenge for a social sharing feature within the platform. The problem: how to make content recommendations fast and frictionless without disrupting discovery. I mapped end-to-end user flows, defined reusable components and interaction states, and built the proposal using a product-oriented UI system in Figma.

#UX #UI #Meli #Streaming #CaseStudy

Tour Booking Interface for Atitur was designed as a web booking platform for collaborative tourism around Lake Atitlán, Guatemala. The main objective was to simplify a complex reservation flow while preserving trust and clarity across steps. I designed the full UX/UI journey: group selection, pricing review, account access, checkout, and order tracking. Built in Figma with an e-commerce mindset, the interface improved usability, reduced friction in decision points, and made the booking process more understandable for first-time users.

#Figma #UI #UX #WebApp #TravelDesign

Polycrisisera by Boston Hype was conceived as a 360° web experience for a product drop campaign. The challenge was to combine storytelling, product discovery, and conversion inside a single immersive space. I collaborated on UX/UI structure and interaction design for three custom sections, each with guided exploration, galleries, and purchase-oriented information. Developed with 3D web workflows at 21 Studio, the project translated the brand’s chaotic visual universe into a navigable experience built for engagement and commerce.

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

Post-d4t4 by Bullbenny was an interactive 3D web and AR experience created to present a campaign drop in a more immersive way. The objective was to let users explore products beyond static catalog visuals. I collaborated on interface direction and interactive flow, combining 360° navigation with an augmented reality viewer to inspect pieces in context. With a design-to-3D production pipeline, the final experience increased depth of interaction and strengthened the launch narrative across social and web touchpoints.

#UI #Design #AR #Retopology

Desolate Metaverse was a branding and web initiative for a blockchain-native NFT project. The brief required a visual identity and digital platform that felt immersive, futuristic, and coherent across community touchpoints. At 21 Studio, I worked on UX/UI design and brand translation for a site powered by A-Frame and WebGL technologies. The outcome was a unified digital presence that supported storytelling, product perception, and audience onboarding within the metaverse ecosystem.

#brand #web #Figma #UI #21Studio

Desolate: Game Interface focused on UX/UI for a first-person metaverse game with NFT integration. The challenge was to organize complex systems, avatar setup, inventory, user identity, and minting, into a coherent in-game experience. I designed interaction flows, screen hierarchy, and visual components aligned with the game world, working closely with 3D artists and developers. The final interface improved orientation, reduced cognitive load, and made core gameplay and web3 interactions easier to understand.

#Crypto #Solana #NFT

Ey Parthenon was developed as an interactive 3D cultural web experience. The goal was to let users explore artworks through a spatial interface that mixed editorial content and interactive modules. At 21 Studio, I contributed to UX/UI definition for navigation logic, information layers, and interaction moments including video pop-ups, polls, and forms. The project balanced artistic presentation with usability, allowing visitors to move naturally through curated content while maintaining clear access to contextual information.

#Web #Card #Instagram #SparkAR

21 Studio’s website was designed to communicate services in immersive technology, especially web 3D and augmented reality. The objective was to present technical capabilities with a portfolio-driven narrative and a memorable visual system. I designed and built the experience in A-Frame, collaborating with @franfranmedel on content structure and interaction direction. The final site positioned the studio with a clear value proposition and a productized showcase of interactive capabilities.

#3d #Blender #A-Frame

Nestlé AR Experience was created to present condensed milk recipes through interactive content. The challenge was to convert culinary information into a playful but structured user journey. I designed the UI and interaction flow to combine 3D product models, ingredient views, nutritional context, and animated cooking steps within a simple navigation pattern. The result was a clearer educational flow that improved comprehension and made branded content more engaging in augmented reality.

#App #AR #3D

Blau AR SIM Activation (O2 Germany) transformed a printed SIM brochure into an assisted onboarding flow. The objective was to simplify a technical setup process and reduce user confusion at activation stage. I designed a step-by-step UI with clear hierarchy, supportive iconography, motion cues, and 3D elements triggered by scanning. The final experience improved onboarding clarity, increased accessibility for non-technical users, and maintained strong brand consistency across physical and digital touchpoints.

#App #AR #3D

Ford AR Launch Experience was developed for the Ford Ka Freestyle campaign in Cariló. The project objective was to turn product exploration into an interactive branded moment during a high-traffic seasonal activation. As UI Designer at Camon, I designed the interface flows for feature discovery through 3D models and motion-driven interactions. The experience connected physical activation with digital engagement, improving attention time and helping users understand key vehicle attributes in a memorable way.

#Web #VR #AR

Disney Castles Collection was an AR experience combining product discovery with storytelling. Fans could explore 360° princess-themed worlds and place high-fidelity 3D castle models in their own space. At Camon, I designed the UI and interaction architecture, keeping the experience magical in tone while clear in function.

#Disney #AR #UI #UX #3DExperience

Star Wars by Disney was a Web 360 + AR experience built around Episode IX content. The challenge was to unify multiple interaction layers, puzzles, trailers, character selection, and AR avatar moments, into a coherent journey. I designed the UI system and navigation logic at Camon, prioritizing cinematic presentation with clear decision points and call-to-action hierarchy. The result increased exploration depth and supported fan engagement through a structured but immersive interaction model.

#Web #VR #AR

Tonel Privado involved a series of editorial infographics and illustrated assets for beverage culture content. The objective was to transform technical product information and tutorials into visually collectible pieces. I developed an illustration system mixing line art, vector composition, and bold color palettes to communicate wine, beer, and cocktail references with clarity. The final assets balanced utility and expression, strengthening brand identity while making educational content more attractive and easier to retain.

#Illustrator #Freelance