Práctica

Diseño experiencia e interfaz para productos digitales en uso.

Base
Diseño + código
Trayectoria
13 años en calidad CX

Cómo trabajo.

  • UX / UI
  • Sistemas de marca
  • Design systems
  • Apoyo técnico
  • CX · 13 años
  • UX / UI
  • Sistemas de marca
  • Design systems
  • Apoyo técnico
  • CX · 13 años
práctica:
concepto, sistema y pantalla
Formación UNIACC · Duoc UC Diseño · Informática

Presentación · Práctica

Del concepto a la implementación, revisado en uso.

Combino dirección de arte, identidad, flujos y revisión de lo implementado en un mismo proceso. La idea, la marca y la pantalla responden al mismo criterio, y lo publicado se revisa contra lo diseñado.

  1. Dirección de arte

    Tono, idea y criterio visual antes de producir.

  2. Identidad

    La marca como sistema: logo, paleta y tipografía.

  3. Flujos / UX

    Recorridos, prototipos y componentes usables.

  4. Revisión de lo implementado

    La pieza se revisa en pantalla, con criterio de código.

Áreas de trabajo

Campo

Desde el concepto hasta la pieza en pantalla. Cada área se apoya en casos publicados del portafolio.

Criterio

No separo la imagen del uso. Identidad, interfaz y contenido comparten un mismo sistema visual, con criterios que el equipo puede operar.

  • Concepto
  • Sistema
  • Pantalla

Dirección

Arte y concepto

Definir tono, idea y criterio con el que se producen las piezas. Propuestas creativas orientadas a marca y producto.

Marca

Identidad de marca

Logo, lockup, paleta, tipografía y lineamientos. Sistemas visuales coherentes para brandbook, packaging y digital.

Producto

UX / UI y systems

Flujos, prototipos en Figma, componentes y coherencia visual. Traducir requisitos de dominio a pantallas usables.

Autoría

Ilustración y obra

Piezas gráficas propias. La imagen es el aporte: motivo, estilo y atmósfera sin depender de un brief comercial.

Canal

Contenido multimedia

Piezas pensadas para circular: video, motion, captación y voz de canal. Criterio de mensaje, no solo de estética.

Código

Apoyo técnico

HTML, CSS, JavaScript y React para diseñar con conocimiento de implementación, ramas y revisión colaborativa.

Método

  1. 01

    Escuchar

    Requisitos, dominio y contexto de quien usa el producto. 13 años en CX sostienen esta lectura.

  2. 02

    Proponer

    Concepto, flujos y criterio visual. Bocetos y prototipos antes de fijar el sistema.

  3. 03

    Sistematizar

    Identidad, componentes y design system aplicables a pantallas, marca y contenido.

  4. 04

    Revisar

    Contraste entre diseño y código. Ajustar lo implementado sin perder coherencia.

Herramientas

  • Figma
  • Adobe CC
  • Prototipos
  • HTML / CSS
  • JavaScript
  • React
  • Git / GitHub
  • Scrum
  • Accesibilidad
  • APIs / JWT

Formación

Diseño · UNIACC

Diseño UX/UI y gráfica

Identidad, branding y multimedia

Base en comunicación visual e identidad. Hoy se integra a design systems e interfaces en productos digitales.

  • Branding
  • UX/UI
  • Figma · Adobe

Reverso · UNIACC

Enfoque
Base visual: comunicación, identidad y branding. El programa cubre identidad, branding, multimedia y UX/UI: criterio para construir marcas e interfaces coherentes, la base sobre la que hoy se suman design systems y producto digital.
Herramientas
Figma · Adobe Creative Cloud
Título · Duoc UC

Analista Programadora

Técnico de nivel superior · jul. 2026

Formación aplicada en programación y construcción de software. Base técnica para diseñar e implementar interfaces con criterio de entrega.

  • Software
  • APIs · datos
  • Entrega aplicada

Reverso · Duoc UC

Enfoque
Construir software, no solo diseñarlo. Técnico de nivel superior en programación aplicada: código, APIs, datos y control de versiones con Git. Da la base técnica para diseñar interfaces que se pueden implementar y entregar.
Herramientas
JavaScript · React · HTML · CSS · APIs REST · JWT · Git · GitHub
Aplicado en
Estado
Título · jul. 2026
En curso · Duoc UC

Ingeniería en Informática

Mención Desarrollo de Software · 6° semestre

Ciclo completo del software: requisitos, diseño, fullstack, calidad y despliegue. Caso de referencia: REV.

  • Requisitos
  • Cloud Native
  • REV

Reverso · Ingeniería

Enfoque
Ingeniería del ciclo completo, mención Desarrollo de Software. Requisitos, diseño, fullstack, calidad y despliegue, con Scrum y enfoque Cloud Native. Suma una mirada de sistema: cómo el software se planifica, se prueba y se mantiene.
Herramientas
Cloud Native · APIs REST · Git · GitHub
Estado
En curso · 6° semestre
Especialidad · Duoc UC

Ciberseguridad

Aplicada al software

Criterio de riesgo en el ciclo de desarrollo: datos, trazabilidad y revisión de interfaces y APIs por lo que puede fallar.

  • Riesgo
  • Calidad
  • Datos

Reverso · Ciberseguridad

Enfoque
Criterio de seguridad aplicado al software. Especialidad centrada en el riesgo del desarrollo: trazabilidad, datos sensibles y revisión de interfaces y APIs por lo que puede fallar. Cierra la progresión: diseñar, construir y proteger.
Herramientas
APIs REST · JWT
Aplicado en