Skills
- Product Design: Turning business goals into clear digital experiences. Balancing user needs with technical constraints. Taking products from discovery to final handoff.
- UI Design: Crafting clear layouts with purposeful visual hierarchy. Bringing typography, color, and spacing into balance. Refining the details that make interfaces feel cohesive.
- Interaction Architecture: Mapping clear paths through complex user journeys. Defining navigation, transitions, and interface states. Making every interaction feel predictable and connected.
- Metrics: Using product data to uncover friction in user journeys. Connecting design decisions to meaningful outcomes. Testing and refining ideas through measurable results.
- Art Direction: Shaping a distinctive visual direction for digital products. Connecting typography, imagery, and motion into one language. Balancing creative expression with clarity and usability.
- UX Research: Exploring user needs through interviews and observation. Testing prototypes to uncover friction and unmet expectations. Turning research insights into actionable design decisions.
- Motion Dynamics: Using motion to guide attention and explain change. Creating responsive feedback and fluid transitions. Making animation purposeful, not just decorative.
- Design System: Building shared foundations with tokens and reusable patterns. Keeping design and development aligned as products grow. Documenting components for consistent, confident use.
- Components: Creating reusable UI elements that adapt to content. Defining states, variants, and responsive behavior. Turning individual elements into cohesive interfaces.
- Methodology: Breaking complex problems into focused design steps. Moving through research, prototyping, and iteration. Adapting the process to each project’s needs and constraints.
- Visual Epidemiology: Exploring how visual trends spread across digital culture. Questioning familiar patterns rather than following them blindly. Developing a visual language beyond short-lived trends.
- Functional Reasoning: Giving every interface element a clear purpose. Removing noise to make essential actions stand out. Letting user needs guide structure and visual decisions.
- Mobile Design: Designing clear, comfortable experiences for smaller screens. Adapting navigation, gestures, and layouts to mobile use. Accounting for interruptions and unreliable connections.
- 3D Interaction: Bringing depth and spatial exploration into digital experiences. Designing intuitive controls for interactive 3D content. Balancing visual detail with responsive performance.
- UX Audio: Creating subtle sound cues for feedback and state changes. Pairing audio with visual signals to reinforce meaning. Keeping sound purposeful, unobtrusive, and optional.
- Wireframing: Defining structure before focusing on visual details. Exploring layouts, hierarchy, and essential user flows. Aligning on functionality before high-fidelity design.
- AI: Designing clear ways to interact with AI-powered features. Making system feedback, limitations, and outputs understandable. Keeping users in control of AI-assisted workflows.
- Accessibility: Designing for varied abilities, contexts, and input methods. Prioritizing readable content, clear contrast, and visible focus. Considering keyboard and screen reader use throughout the experience.
- Product Foundations: Clarifying the problem, audience, and product value. Turning early ideas into focused priorities and a roadmap. Establishing a coherent foundation for future growth.
Work
OPEN ARCHIVE::o /#1
MNAC Barcelona
:--SPECS:-- A real-time WebGL gold material using Unicorn — reacting to actual lighting simulation and following the cursor as you move. Not a static gradient. A living material::o /#2
Flow/less/more
:--SPECS:-- How motion and typography can work together to guide attention instead of scattering it.::o /#3
L'Auditori
:--SPECS:-- Bold, modern typography "L'AUDITORI 2026-2027" shaped as a Venn diagram (Música / You / L'Auditori) — instantly readable and memorable.::o /#4
Archive
:--SPECS:-- A fragment of a "digital museum" concept — an archive of unknown artifacts, where every object reacts to the viewer's presence.