Volver
WhatsApp
Página 1 · Impacto y Especialidad Técnica
Xioleni Del Mar Salazar Gonzalez
Senior UX/UI Designer & Frontend Developer
Transformo arquitecturas complejas en interfaces intuitivas y escalables.
xioleni.com@gmail.com +58 424-1524704 xioleni.com
Educación
Técnico en Diseño Gráfico.
Formación continua en Desarrollo Frontend y UX/UI avanzada.
Cursos, seminarios, práctica constante en proyectos reales, lectura técnica y exploración de nuevas herramientas.
Perfil Profesional (Product Mindset)
Especialista en el ecosistema SaaS y productos digitales de alto rendimiento. Mi enfoque une la psicología del usuario (UX) con una base técnica sólida en React y TypeScript para entregar productos listos para producción que reducen la fricción y maximizan la conversión.
Soft Skills para Tech
  • Comunicación Asertiva: Capacidad para explicar decisiones de diseño a desarrolladores y objetivos técnicos a clientes.
  • Resolución de Problemas: Enfoque analítico para encontrar soluciones lógicas a flujos de usuario complejos.
  • Adaptabilidad: Capacidad para integrar nuevas tecnologías como IA y automatización en el flujo de trabajo actual.
Stack Tecnológico (por capas)
Frontend Core
React, TypeScript, JavaScript (ES6+), HTML5, CSS3/Tailwind CSS.
Arquitectura y Estado
Redux, Context API, Hooks, APIs REST.
Backend & Tooling
Node.js, Python (Django/Flask), Ruby on Rails, Vite.
Diseño
Prototipado en HTML/CSS, Accesibilidad (WCAG), Microinteracciones.
Mis habilidades
  • UX: flujos, estados, microcopy, accesibilidad.
  • UI: sistema visual, componentes, consistencia.
  • Frontend: React, TypeScript, HTML, CSS, Tailwind.
  • Backend: Node.js, Python (Flask/Django), Ruby on Rails.
  • IA: automatización, análisis y UX asistida.
Portafolio
Mi portafolio no es una galería de imágenes, es un ecosistema vivo. Puedes explorar la arquitectura de mis proyectos y la calidad de mi código directamente en xioleni.com.
Página 2 · Experiencia, Proyectos y Metodología
Metodología de Trabajo (De Idea a Sistema)
  1. Descubrimiento: Investigación basada en objetivos de negocio.
  2. Arquitectura: Definición de flujos, estados lógicos y validaciones.
  3. Prototipado en código (HTML/CSS): UI de alta fidelidad con enfoque en performance y detalle.
  4. Desarrollo Escalable: Código mantenible, documentado y listo para iterar.
Proyectos Destacados
  • IP Venezuela — plataforma de conectividad con suscripciones y panel administrable.
    Código: HTML · CSS · JavaScript · React · TypeScript · Node.js · Flask · Redis · Nginx · Ubuntu · SSH · Gunicorn · systemd · MobaXterm. · Dificultad: Media–Alta.
  • Red social para viajeros — landing, onboarding y arquitectura de interacción.
    Código: HTML · CSS · JavaScript. · Dificultad: Alta.
  • Sistema de muro social — publicación de contenido y microinteracciones.
    Código: HTML · CSS · JavaScript. · Dificultad: Alta.
  • Robot de trading — dashboard de monitoreo de señales y estado del mercado.
    Código: Node.js / JavaScript (y/o Python) · Bybit API (REST + WebSocket). · Dificultad: Alta.
  • Convertidor a WebP — batch de imágenes con ZIP y optimización (hasta 500).
    Código: HTML · CSS · JavaScript · Canvas 2D · JSZip. · Dificultad: Media.
  • MOV → GIF sin fondo — conversión local con transparencia y control de calidad.
    Código: ffmpeg.wasm (WebAssembly) · JavaScript. · Dificultad: Media.
  • Vigilante IP — extensión que alerta cambios de IP con historial y sonidos.
    Código: HTML · CSS · JavaScript · Manifest V3 · Service Worker · Notifications. · Dificultad: Media.
  • Alerta Crypto Flash — app Android de alertas por precio en tiempo real.
    Código: Android (APK) · Kotlin/Java · API (REST) · notificaciones. · Dificultad: Media–Alta.
  • Analizador de loterías — exploración visual de datos con filtros y gráficas.
    Código: HTML · CSS · JavaScript · Chart.js. · Dificultad: Media–Alta.
  • Plataforma de Loterías — selección de números, promociones y slip de compra (demo).
    Código: HTML · CSS · JavaScript. · Dificultad: Media–Alta.
  • Beauty Cart (Maquillaje) — e-commerce demo con catálogo, filtros y carrito persistente.
    Código: HTML · CSS · JavaScript. · Dificultad: Media.
  • Plugin: Animaciones de Texto — presets de animación (neón, wave, typewriter) + snippet.
    Código: HTML · CSS · JavaScript. · Dificultad: Media.
  • Xioleni Detector — utilidad para analizar fragmentos de código (demo).
    Código: HTML · CSS · JavaScript. · Dificultad: Media.