Diego Ledesma

Sobre Mí

Perfil

Lidero el ciclo completo de desarrollo de productos digitales. Utilizo IA para prototipar y desplegar aplicaciones complejas con la velocidad de un equipo entero, manteniendo un enfoque en arquitectura limpia.

Superpoder

La eficiencia radical. No solo escribo código; construyo herramientas de automatización (ETL) que transforman el caos de datos (Excel/CSV) en sistemas estructurados y rentables.

Experiencia Destacada

Fin Studio (Fundador y Developer)

Oct 2025 - Presente

Desarrollo Full Cycle & Automatización

Lidero el ciclo completo de desarrollo integrando Diseño UX/UI, Ingeniería de Software y Análisis de Datos.
Desarrollo de herramientas ETL personalizadas para automatizar la ingesta de datos complejos (Listas de proveedores en Excel).
Implementación de lógica de negocio avanzada para identificar y segmentar automáticamente campos críticos (Producto, Categoría, Precios Diferenciados), reduciendo el tiempo de gestión de horas a segundos.

Distribuidora y Perfumería Tu Estilo

Data Administrator

Analista de Precios & Gestión de Datos

El Desafío de Datos: Gestión crítica de listas de precios masivas (+5,000 SKUs) en un entorno de alta inflación.
Responsable de la integridad de los datos en Excel para garantizar la rentabilidad del negocio.
La complejidad de esta tarea fue el catalizador para desarrollar mis propias herramientas de automatización ETL en Fin Studios.

INK Impresiones Comestibles

Gestor Web

Gestor Web & Diseñador Gráfico

Gestión integral del E-commerce: Mantenimiento del catálogo web, actualización de stock en línea y control de inventario.
Diseño y personalización de productos bajo demanda.

Peluquería Tu Estilo

Atención al Cliente

Gestión de Servicios & User Research

Gestión de agenda y fidelización de clientes.
User Research: Esta experiencia operativa me permitió identificar los "dolores" del usuario real, fundamentando el diseño UX/UI de mi App de Fidelización.

Educación & Certificaciones

CoderHouse

Diseño UX/UI Avanzado: Reconocido dentro del Top 10 de la promoción gracias a la excelencia en los entregables y la defensa del proyecto final.
Desarrollo Web: Aprendizaje de bases fundamentales como HTML, CSS y JavaScript.

Google Professional Certificates

Google Data Analytics Professional Certificate: Procesamiento y visualización de datos.
Google UX Design Professional Certificate: Investigación y diseño de prototipos.

Diseño UX/UI & Producto (Platzi)

Product Designer: Diploma de especialización.
Diseño de Interfaces UX: Principios y diseño visual.
Metodologías de Diseño de Producto: Frameworks y procesos.
Sistemas de Diseño: Creación y mantenimiento de Design Systems.
Dark Patterns UX: Ética y detección de patrones oscuros.
Colaboración Diseño-Desarrollo: Hand-off y comunicación técnica.
ChatGPT para Product Designers: IA aplicada al diseño.

Análisis de Datos & Excel (Udemy)

Master Data Analysis & Cleaning: Microsoft Excel Avanzado.
Análisis de datos con Python: Desde Excel a Python.
Excel Profesional 2024: Herramientas para empresas.
Data Analysis with Copilot: IA para análisis de datos.
Google Spreadsheets: Dominio de hojas de cálculo en la nube.
Excel De Principiante a Avanzado: Curso integral.

Programación & Desarrollo Web (Udemy)

Escuela de JavaScript 2026: De cero a Master en JavaScript.
Universidad Desarrollo Web: FrontEnd Web Developer.
JavaScript con NodeJS: Desde cero con el entorno de ejecución.
Learn PHP: Principiantes y fundamentos backend.
Universidad CSS: De Cero a Experto.
SASS, CSS3, HTML5 & jQuery: Curso básico y herramientas modernas.
Fundamentos de Programación: Lógica y algoritmos desde cero.

Liderazgo & Habilidades Blandas

Habilidades Blandas (Platzi): Comunicación y trabajo en equipo.
Liderazgo para jóvenes profesionales (Udemy): Brilliant StartUp.

Formación Continua & Autodidacta

"Siempre en modo estudiante". Mi enfoque es la mejora continua en tecnologías clave:

Vibe Coding & IA Generativa: Especialización en orquestación de LLMs y automatización de flujo de trabajo.
Full Stack Development: Actualización constante en ecosistemas React, Node.js y Python.

Estudios en Curso

Automatización & Orquestación (n8n)

Workflow Automation: Especialización en n8n para diseñar arquitecturas de automatización, integrando servicios y eliminando la fricción operativa mediante flujos de datos complejos.

Ingeniería de IA & Vibe Coding

Google Antigravity: Estudio intensivo de las capacidades agénticas de Google para dominar la programación asistida por agentes.
Vibe Coding: Perfeccionamiento de la metodología "Human-in-the-loop" para desarrollar software robusto a velocidad exponencial.

Fundamentos de Ingeniería

Lógica de Programación: Reforzamiento constante de algoritmos y estructuras de datos para garantizar soluciones eficientes.
Mejora Continua: Repaso de paradigmas fundamentales para escribir código limpio, mantenible y profesional.

Visualización de Datos (Tableau)

DataBoosters Academy: Curso de Limpieza, Transformación y Visualización de Datos.
DataBoosters Academy: Curso: Dashboards Ejecutivos en Tableau Paso a Paso.

Stack Tecnológico

Programación

Python
JavaScript
SQL, SQLite
React
HTML5, CSS3
Electron

Inteligencia Artificial

Modelos: Claude 4.5 Sonnet, Gemini 3.5 Pro, Qwen 3 Coder, GPT-OSS, GLM 4.6
Herramientas: Ollama (Local LLM), OpenCode, LLM Studio
Habilidad: Prompt Engineering Avanzado

Herramientas de Diseño

Figma
Adobe Creative Suite
Affinity Studio

Datos & ETL

Business Intelligence
ETL (Extraer, Transformar y Cargar)
Microsoft Excel
Google Sheets
WPS Spreadsheet

Sistemas Operativos

Linux: Arch Linux, Fedora, Debian
Entornos: Hyprland, KDE Plasma, GNOME
Otros: Windows

Caso de Estudio: Creación de mi Portfolio

Objetivo: Construir un portfolio personal minimalista, funcional y visualmente coherente usando GitHub Pages, que reflejara mi identidad como desarrollador, diseñador UX/UI y analista de datos, integrando dinámicamente mi perfil de GitHub y mis proyectos, sin depender de frameworks complejos.

Ver detalles del proceso

1. Prompt Inicial: La Arquitectura (De 5 Preguntas a 1 JSON)

Para garantizar un resultado determinista y evitar la "alucinación" de la IA, no pedí código directamente. Primero, deconstruí el proyecto respondiendo 5 preguntas estratégicas que definen la arquitectura:

¿Qué es? (Scope) → Portfolio Personal en GitHub Pages.
¿Para qué? (Goal) → Centralizar mi identidad digital y proyectos.
¿Tecnologías? (Stack) → HTML5, CSS3, Vanilla JS (Consumo de APIs).
¿Diseño? (Vibe) → Minimalismo tipográfico, fuente 'Inter', Clean UX.
¿Restricciones? (Constraints) → Cero Frameworks, carga inmediata, sin procesos de compilación (No Build).

Traduje estas definiciones a un prompt estructurado en JSON (Prompt-as-Code). Este objeto actuó como el "contrato" técnico para la IA:

{
  "project": "GitHub Pages Portfolio",
  "githubUsername": "Diegolede",
  "design": {
    "colorScheme": { "background": "#ffffff" },
    "typography": { "fontFamily": "Inter" },
    "layout": "single-page scroll, no navigation menu"
  },
  "sections": {
    "profileCard": {
        "dynamic": true,
        "dataSource": "https://api.github.com/users/Diegolede"
    },
    "about": { /* texto personalizado sobre Vibe Coding y eficiencia */ },
    "experience": { /* tarjetas de experiencia en Fin Studios */ },
    "techStack": { /* categorías con iconos en escala de grises */ },
    "projects": {
        "dynamic": true,
        "dataSource": "API de GitHub (Repos)"
    }
  },
  "features": {
    "downloadCvButton": { "fileUrl": "/assets/Diego-Ledesma-cv.pdf" }
  },
  "technicalRequirements": {
    "hosting": "GitHub Pages",
    "frameworks": "None (vanilla HTML/CSS/JS only) - Critical Requirement"
  }
}

Resultado: Este prompt eliminó la ambigüedad. La IA no tuvo que "adivinar" el estilo ni las herramientas; simplemente ejecutó las instrucciones dentro de los límites de seguridad que establecí.

2. Errores de la IA (A pesar de una interpretación correcta)

La IA entendió bien la lógica del pedido, pero cometió errores típicos de falta de empatía humana, contexto visual y accesibilidad:

Problemas de UX

El orden de las secciones no seguía un flujo narrativo natural (perfil → quién soy → experiencia → proyectos).
Los botones (como “Descargar CV”) carecían de funcionalidad, lo que rompía la percepción de interactividad.
En móviles, la web se desbordaba o se volvía ilegible.

Problemas de UI

Los iconos de tecnologías aparecían de color o simplemente no cargaban.
La tipografía Inter no se aplicaba consistentemente en todos los elementos.
El avatar era una imagen estática; perdía la personalidad de mi identidad digital.

Falta de refinamiento estético

Espaciado inconsistente entre bloques.
Sin microinteracciones (transiciones suaves, efectos al hacer scroll).
No se consideró la legibilidad en distintos tamaños de pantalla.

En resumen: la IA entregó funcionalidad, pero no experiencia.

3. Corrección Humana: Arquitectura, Diseño y Código

Como director de orquesta, tomé el output de la IA y lo transformé en un producto pulido:

Arquitectura y rendimiento

Reorganicé la estructura del HTML para seguir un flujo narrativo claro: Identidad → Valor → Evidencia (proyectos).
Optimicé las llamadas a la API de GitHub: agregué caché ligero con localStorage para evitar recargas innecesarias.
Aseguré que todo el sitio cargara en <1s incluso en conexiones lentas (sin librerías externas innecesarias).

Diseño UI/UX

Reemplacé la foto estática por un GIF animado (profile.gif) que refleja mi estilo dinámico y técnico.
Ajusté el espaciado con un sistema de baseline grid (8px) para coherencia visual.
Aplicé transiciones sutiles en hover/focus para botones y tarjetas.
Aseguré contraste WCAG AA en todos los textos (fondo blanco + texto oscuro con suficiente tamaño).
Usé Simple Icons en escala de grises manualmente, con fallbacks para tecnologías no soportadas.

Responsive & Accesibilidad

Implementé media queries precisas para móvil, tablet y desktop.
Añadí alt descriptivos, aria-labels y enfoque en navegación por teclado.
El botón de descarga del CV ahora es visible, accesible y funciona en todos los dispositivos.

Toque humano

Eliminé el “ruido” visual: nada distrae del mensaje central.
Cada sección tiene un propósito narrativo: no solo muestra qué hago, sino por qué importa.
Incluí un detalle personal: “No tengo redes sociales… Si buscas a alguien que pase menos tiempo en el feed y más en el trabajo, estás en el lugar correcto”.

4. Valor: Más allá del “copiar y pegar”

Este portfolio no es un output de IA. Es el resultado de:

Dirección estratégica: definir qué mostrar y cómo contar mi historia.
Juicio estético: elegir cada pixel, transición y tipografía.
Empatía técnica: asegurar que funcione para todos, en cualquier dispositivo.
Iteración consciente: probar, ajustar, eliminar, refinar.

La IA fue una herramienta —como Figma o VS Code—, pero la visión, el criterio y la ejecución final fueron 100% humanos.