Disponible para proyectos, consultoría y roles Senior/Lead

Hola, soy Gio Vidaurri.

Product Design Engineer & Product Builder

Diseño y construyo plataformas digitales de principio a fin. Combinando estrategia UX, desarrollo con IA y SEO técnico, transformo retos complejos en productos escalables orientados a la conversión.

Brillo radial decorativo en tonos mint detrás del retrato del hero — gráfico de atmósfera de marca Gio Vidaurri.
Gio Vidaurri, consultor de producto digital. Retrato en blanco y negro.

Áreas de especialidad

  • ESTRATEGIA DE PRODUCTO
  • INVESTIGACIÓN UX
  • DISEÑO DE PRODUCTO
  • SISTEMAS UX
  • DESIGN SYSTEMS
  • PRODUCT ENGINEERING
  • FLUJOS DE IA
  • REACT / TYPESCRIPT
  • DISEÑO WEB
  • E-COMMERCE
  • SEO / AEO / GEO
  • CRO / ANALÍTICA
  • 0+

    Años creando productos digitales

  • 0+

    Marcas y empresas

  • 0+

    Proyectos entregados de principio a fin

Trabajo seleccionado

Productos digitales de principio a fin.

Desde investigación y estrategia hasta UX, AI, motion, SEO, analítica y ejecución técnica.

Filosofía de diseño

El diseño es un sistema de decisiones.

El verdadero valor del diseño ocurre donde los objetivos de negocio, las necesidades del usuario, la tecnología y la marca convergen en un producto coherente. Utilizo investigación, datos, IA y criterio técnico para reducir la complejidad, tomar decisiones informadas y construir experiencias listas para enviarse a producción, operar con fluidez y escalar.

Cada elección debe cumplir un propósito claro, mejorar la experiencia y crear valor a largo plazo—no simplemente añadir una capa visual superficial.

Tipografía decorativa «Ways I can help» en degradado verde neón a blanco.

Clientes y colaboraciones seleccionadas

Marcas y colaboradores: INDX-ONE, NIKA AGENCY, DOTO, LIBRERÍAS GANDHI, TRIBU — CULTURA COLECTIVA, CC NEWS, ECOOSFERA, TELCEL, LA CORONA, IBERO, MEDRENT, VETMEDICYN, LATTITUDE, ITZEL, PODEMOS PROGRESAR, CAPITAL DIGITAL, 3DEVS, THE CLEAN INDUSTRY, TV AZTECA — REVISTA CENTRAL, EXCÉLSIOR, GRUPO EXPANSIÓN, ANDRÓMEDA, CYCLOKINETICS, GRAY MATTER, MST, CANVAS AGENCY, COMUNA 52, IDEARIALAB, CREATIVE PROPULSION LAB, ARTHUR & SONS, GRUPO SAC PUBLICIDAD, EL FILDEO, ÓPTICAS KAUFFMAN, ALGRANÁ.

Ayudo a las marcas a diseñar, lanzar y escalar sitios web y productos digitales mediante estrategia, UX, product design, IA, motion y datos.

Mi trabajo está fundamentado en necesidades reales del usuario y objetivos medibles.

Cuestiono suposiciones, simplifico la complejidad y transformo la estrategia en experiencias claras, intuitivas y escalables en sectores como SaaS, e-commerce, finanzas, educación, salud y medios.

Desde startups hasta corporativos, me enfoco en la mejora continua, la conversión y el rendimiento.

Construyo productos útiles, medibles y preparados para evolucionar.

Servicios

De la estrategia al lanzamiento y la escala.

Ayudo a equipos a definir, diseñar, construir y mejorar sitios web y productos digitales mediante investigación, IA, motion, datos y ejecución técnica.

  1. Mano sosteniendo un teléfono que muestra un dashboard de servicios sobre un escritorio oscuro.

    Sistemas web y de producto digital

    Sitios web y productos digitales diseñados, construidos y preparados para operar como sistemas de negocio completos.

    Desde un sitio corporativo o una experiencia de e-commerce hasta una plataforma de producto, el trabajo cubre el recorrido completo: definir qué hay que construir, organizar la información y los flujos de usuario, diseñar la interfaz, crear componentes reutilizables, desarrollar la experiencia y dejarla lista para producción.

    El resultado no es solo un rediseño visual o un conjunto de pantallas. Es un producto digital funcional construido alrededor de objetivos de negocio, recorridos de cliente, contenido, tecnología, conversión y crecimiento futuro.

    Incluye: Estrategia de producto · Investigación UX · Arquitectura de información · Flujos de usuario · Diseño UX/UI · Diseño responsive · Prototipado · Sistemas de diseño · Componentes reutilizables · React · TypeScript · Astro · Desarrollo front-end · APIs · Despliegue

    Leer más Ver menos
  2. Tres pantallas de CMS superpuestas sobre un fondo texturizado oscuro.

    CMS a medida y operaciones de contenido

    Sistemas de gestión de contenido diseñados alrededor de cómo opera realmente el negocio.

    En lugar de forzar a cada empresa en la misma plantilla, la estructura de contenido se diseña alrededor de su operación real: productos, servicios, mercados, idiomas, campañas, recursos, equipos o ubicaciones.

    Un CMS a medida o headless permite a los equipos internos crear páginas, actualizar productos, reutilizar componentes, gestionar traducciones y publicar contenido sin depender de un desarrollador para cada cambio.

    En organizaciones más grandes, el sistema también puede soportar permisos, flujos editoriales, entornos de preview, staging y gobierno de contenido.

    Incluye: CMS a medida · CMS headless · Strapi · Modelado de contenido · Contenido estructurado · Componentes reutilizables · Páginas dinámicas · Catálogos de producto · Localización · Contenido multilingüe · Roles y permisos · Flujos editoriales · Preview · Staging · Migración de contenido · APIs

    Leer más Ver menos
  3. Teléfono flotando sobre agua oscura que muestra una página de lanzamiento espacial.

    Rendimiento, accesibilidad y calidad de ingeniería

    Sitios listos para producción, construidos para velocidad, accesibilidad, seguridad y fiabilidad a largo plazo.

    La calidad se construye en el producto; no se corrige después del lanzamiento. Rendimiento, accesibilidad, seguridad y QA técnico se consideran durante el diseño y el desarrollo para asegurar experiencias fiables en dispositivos y usuarios.

    Esto incluye optimizar Core Web Vitals, cumplir estándares de accesibilidad WCAG, mejorar la implementación semántica, revisar la calidad del código y aplicar protecciones de seguridad cuando hace falta.

    Las plataformas existentes también se pueden auditar y mejorar, identificando problemas de rendimiento, accesibilidad y técnicos antes de que afecten a usuarios o resultados de negocio.

    Incluye: Core Web Vitals · Rendimiento web · WCAG 2.2 AA · Accesibilidad · HTML semántico · QA responsive · Cabeceras de seguridad · CSP · Revisión de código · QA técnico · Pruebas automatizadas · Staging · Gates de release · Pruebas de regresión · Auditorías de rendimiento

    Leer más Ver menos
  4. Tableta sobre un sofá que muestra el sitio de una clínica médica.

    SEO, búsqueda con IA y arquitectura de contenido

    Construir sitios que buscadores y sistemas de IA puedan entender y recuperar con más eficacia.

    La visibilidad de búsqueda empieza en la arquitectura, no en palabras clave añadidas después del lanzamiento. Contenido, navegación y relaciones se estructuran para Google Search y el descubrimiento asistido por IA.

    El SEO técnico, los datos estructurados y el contenido semántico dejan claro quién es el negocio, qué ofrece y cómo se conecta su información.

    En búsqueda con IA el foco no es prometer aparición en ChatGPT o Gemini, sino hacer el contenido claro, rastreable y más fácil de recuperar y entender para sistemas generativos.

    Incluye: SEO técnico · AEO · GEO · Búsqueda con IA · Arquitectura de información · Schema.org · Datos estructurados · HTML semántico · Metadatos · Enlazado interno · Arquitectura de entidades · Sitemaps · Canonicals · Hreflang · SEO internacional · Search Console

    Leer más Ver menos
  5. Portátil sobre una mesa de metal perforada que muestra una página de equipo médico.

    Crecimiento, CRM e integraciones de marketing

    Conectar el sitio con los sistemas que convierten visitantes en oportunidades reales de negocio.

    Un sitio no debería terminar cuando alguien envía un formulario. Los recorridos de cliente se pueden conectar con CRM, ventas y marketing para que los leads lleguen con el contexto que los equipos necesitan: de dónde vienen, qué les interesó y qué sigue.

    Formularios, campañas, flujos de CRM, plataformas publicitarias y APIs se integran como parte del producto, no como herramientas desconectadas después del lanzamiento.

    Esto puede incluir HubSpot, Zoho CRM, Google Ads, Meta, LinkedIn e integraciones API o webhook a medida.

    Incluye: HubSpot · Zoho CRM · Integración CRM · Formularios de leads · Enrutado de leads · Automatización de marketing · APIs · Webhooks · Google Ads · Meta Pixel · LinkedIn Insight Tag · Seguimiento de campañas · Atribución · Flujos de conversión

    Leer más Ver menos
  6. Portátil abierto que muestra un mapa de calor topográfico en la pantalla.

    Analítica, CRO y sistemas de medición

    Saber qué hacen realmente las personas usuarias y conectar esas acciones con resultados de negocio.

    La analítica se diseña junto al producto, no se añade después del lanzamiento. Se miden interacciones clave: formularios, vistas de producto, búsquedas, descargas, visitas de campaña y eventos de conversión con sentido.

    Con Google Analytics 4, Google Tag Manager y un dataLayer estructurado, el sitio genera datos fiables para entender recorridos, evaluar campañas e identificar oportunidades de conversión.

    El objetivo no es simplemente tener analítica instalada. Es entender de dónde vienen las personas, qué necesitan, cómo interactúan y qué termina convirtiendo.

    Eso conecta comportamiento del sitio, actividad de marketing y resultados de negocio, y crea una base para CRO y mejora continua.

    Incluye: GA4 · Google Tag Manager · dataLayer · Taxonomía de eventos · Eventos clave · Seguimiento de conversiones · Embudos · Recorridos de usuario · Google Ads · Mapas de calor · Contentsquare / Clarity · Dashboards · CRO · Experimentación

    Leer más Ver menos

Más allá de la interfaz

Un sitio web no es solo una página.

Es un sistema operativo para el contenido, la captación y el crecimiento.

Su verdadero valor se demuestra con el uso: cuando tu equipo puede responder a nuevas necesidades, incorporar una línea de negocio o entrar en otro mercado sin empezar de cero. Cada nueva etapa debe aprovechar lo que ya existe y ampliar sus posibilidades, sin convertir cada cambio en otro proyecto.

Escritorio oscuro con portátil mostrando un dashboard de analíticas, cuaderno y pluma.

Estructuras CMS a medida, componentes reutilizables y flujos editoriales facilitan gestionar productos, servicios, mercados, idiomas y campañas sin reconstruir la experiencia en cada actualización.

CMS a medida · Strapi · Contenido estructurado · Componentes reutilizables · Localización · Flujos editoriales

  • Testimonios de clientes y colegas

  • “¿Necesidades de diseño? Gio es la respuesta. Aporta tranquilidad absoluta y una calidad sin igual en todo lo que toca. ¡Tiene habilidades fuera de serie! 🙌”

  • “Giovanni es un profesional proactivo, dedicado y curioso, siempre enfocado en mejorar la experiencia de usuario y alinearla con los objetivos de negocio. Aprende de forma continua y fortalece su perfil, aportando soluciones desde distintas perspectivas, incluidas backend, SEO y publicidad. Es muy adaptable y un excelente compañero de equipo.”

  • “Giovanni es un profesional comprometido que se hace responsable de los proyectos. Su adaptabilidad, capacidad de aprendizaje autónomo y versatilidad lo hacen muy competente en su campo.”

  • “Giovanni es un profesional proactivo que siempre aporta lo necesario para que cualquier proyecto en el que participa sea un éxito. Es un excelente fotógrafo y diseñador—un verdadero placer trabajar con él.”

  • “Giovanni tiene una gran capacidad de abstracción y resolución oportuna de problemas. Encuentra soluciones efectivas ante los retos que enfrenta.”

  • “Trabajar con Giovanni es un gusto. Es sumamente profesional, talentoso y dedicado. Siempre da el máximo y se nota en la calidad de su trabajo. Su ojo para el detalle y su capacidad para comunicar ideas lo convierten en un gran activo. Recomiendo muchísimo trabajar con él.”

  • “Giovanni destaca en la ejecución de proyectos. Organiza los flujos de trabajo con eficacia y pone gran atención en el detalle, garantizando los mejores resultados posibles.”

  • “Trabajar con Giovanni es un gusto. Es sumamente profesional, talentoso y dedicado. Siempre da el máximo y se nota en la calidad de su trabajo. Su ojo para el detalle y su capacidad para comunicar ideas lo convierten en un gran activo. Recomiendo muchísimo trabajar con él.”

  • “Giovanni es un profesional excepcional—innovador, dedicado y comprometido con resultados de alta calidad. Siempre está dispuesto a ayudar y a aportar soluciones valiosas al equipo.”

  • “Trabajar con Giovanni ha sido una gran experiencia. Es muy proactivo, creativo y tiene una profunda experiencia en su campo. Su mentalidad estratégica lo convierte en un socio valioso en cualquier proyecto.”

  • “Giovanni es un profesional altamente capacitado, responsable y eficiente en todos los aspectos. Cada proyecto que aborda lo gestiona con el máximo profesionalismo, creando soluciones únicas y funcionales que cumplen perfectamente los requisitos. Un excelente líder y compañero de equipo.”

  • “Gio es un excelente Consultor de Sistemas de Producto con una combinación de pensamiento estratégico y ejecución práctica. Aporta sólidas habilidades de diseño de producto, una mentalidad orientada a datos y una actitud entusiasta y proactiva que eleva cada proyecto en el que participa.”

¿Por qué trabajar conmigo?

De la estrategia al lanzamiento, conecto negocio, UX, IA, diseño, ingeniería y datos para construir productos digitales que rinden, escalan y generan crecimiento medible.

  • End-to-End Ownership

    Lidero el proceso completo—desde la investigación y dirección de producto hasta el UX/UI, motion, sistemas y entrega técnica—manteniendo las decisiones alineadas y la ejecución en movimiento.

  • El problema correcto primero

    Utilizo objetivos de negocio, insights de usuarios, contexto de mercado y datos para definir qué es lo verdaderamente importante antes de que los equipos inviertan tiempo y recursos en desarrollo.

  • Diseñados para rendir

    Combino diseño de alta calidad con infraestructura SEO, CRO, analítica avanzada, accesibilidad y experimentación para mejorar la claridad, la conversión, la adopción y el crecimiento a largo plazo.

  • Listos para producción y escala

    Acorto la distancia entre diseño e ingeniería mediante design systems, prototipado asistido por IA, vibe coding, dirección front-end y QA—llevando las ideas de Figma a producción con menos fricción.

  • Colaboración transparente

    Trabajo directamente con fundadores, directores y equipos técnicos mediante decisiones claras, flujos estructurados y una comunicación sin ambigüedades—manteniendo la alineación alta y las sorpresas bajas.

Metodología de trabajo

De la complejidad a la ejecución.

Convierto objetivos de negocio en sitios web y productos digitales escalables a través de estrategia, investigación UX, web & product design, IA, motion, SEO, datos y entrega técnica.

Arrastra o usa las flechas del teclado para pasar de tarjeta.

Photo & video

Fotografía y Dirección de Contenido Visual

Fotografía profesional, video y recursos visuales creados estratégicamente para fortalecer la identidad, las campañas y la conversión de las marcas en sitios web, ecosistemas e-commerce y canales digitales.

Explorar trabajo visual
Chatear por WhatsApp