WEBGPU // PARTICLES
Arquitecto Full-Stack y Front-End Senior

Mario Ocampo.

Audito infraestructuras tecnológicas, elimino cuellos de botella y desarrollo código a medida: webs que cargan en menos de un segundo, e-commerce desde cero y automatizaciones con IA que convierten visitas en ventas.

7+Años de ingeniería
40%LCP más rápido en refactors
24/7Agentes IA en producción
Disponible · España / remoto Mario Ocampo - Retrato de Arquitecto Full-Stack y Front-End Senior
41.1189° N, 1.2445° ETARRAGONA · SAN FRANCISCO

Marcas y organizaciones en España y EE. UU. que confían en mi trabajo

Children's Relief International Boletarium Jordina Arnau Selva de Sabores La Rita JO Brand Siete Mandarinas JMJ

Matriz de Capacidades Full-Stack.

Cuatro dominios de ingeniería, un único arquitecto responsable. Cada proyecto se mide en velocidad, posiciones y facturación.

01 / Frontend y Movimiento Creativo

Desarrollos en React, Next.js y Vite con 99/100 en PageSpeed, animaciones GSAP a 60fps y cero deuda técnica.

Hablemos de esto

02 / SEO Técnico y Core Web Vitals

Arquitectura de rastreo, hreflang multi-idioma, JSON-LD avanzado y optimización LCP/INP para dominar Google y las respuestas de IA.

Hablemos de esto

03 / CMS Empresarial y E-Commerce

Temas y plugins WordPress desde cero, tiendas WooCommerce y Shopify de alta seguridad y migración de plantillas lentas.

Hablemos de esto

04 / Agentes IA y Automatización B2B

Agentes de voz en tiempo real con Vapi, embudos autónomos de venta en WhatsApp (Baileys + LLMs) y flujos n8n/Python.

Hablemos de esto

De Colombia a San Francisco y al Mediterráneo.

Estudié en Colombia e inicié mi carrera como desarrollador tras vivir en San Francisco a mis 20 años. Hoy soy dueño de VestraWeb y Vestra Solutions y trabajo desde España y Colombia con fundadores y agencias de Europa y EE. UU., en español e inglés.

  1. Colombia · Universidad del Valle · SENADonde empezó todo: base de ingeniería y titulación tecnológica.
  2. San Francisco · PlatziIngeniería de software y desarrollo web con Platzi mientras vivía en San Francisco.
  3. España · Upwork, 2018 - 2020Desarrollador web y especialista en WordPress.
  4. España · Raccoon Technologies / Deuslink, 2020 - 2022Desarrollador front-end e ingeniero de interfaces.
  5. VestraWeb y Vestra Solutions, 2022 - ActualidadMis propias empresas: webs a medida con VestraWeb, agentes de IA 24/7 con Vestra Solutions.
  6. España y ColombiaHoy trabajo desde los dos países para clientes de Europa y EE. UU.
Mario Ocampo en el puente Golden Gate de San Francisco retrato monocromático Mario Ocampo en el puente Golden Gate de San Francisco retrato en color
37.7936° N, 122.4836° W · Raíces tech en San Francisco
Mario Ocampo CEO y Arquitecto Web Principal en el estudio de VestraWeb Tarragona

Dueño de VestraWeb y Vestra Solutions

VestraWeb diseña y construye webs y tiendas online a medida. Vestra Solutions LLC crea agentes de IA, chatbots de WhatsApp y automatización para empresas de España y Latinoamérica. Dirijo el diseño, la arquitectura y la entrega en ambas.

+7 Años Construyendo para Agencias y Marcas Globales.

  1. Dueño, Arquitecto Principal Front-End y Automatización

    Vestra Solutions / VestraWeb

    2022 - Actualidad
  2. Desarrollador Front-End e Ingeniero UI

    Raccoon Technologies / Deuslink

    2020 - 2022
  3. Desarrollador Web y Especialista WordPress

    Freelance · Upwork

    2018 - 2020

Formación en Ingeniería y Certificaciones

  • Universidad del Valle

    Educación Superior

  • SENA

    Tecnólogo

  • Platzi

    Ingeniería de Software y Desarrollo Web

Descargar CV (PDF) PDF · EN
Casos de ingeniería B2B

Problemas B2B Complejos Resueltos con Código a Medida.

Otro WhatsApp.

Y otro.

El equipo ya no da abasto.

Crac.

Entra el agente.

Responde. Perfila. Cierra.

Ventas en piloto automático.

01 / Camacho Phones CorpVentas en piloto automático

CRM a Medida y Agente IA Autónomo de Ventas en WhatsApp

El equipo no daba abasto con las solicitudes diarias por WhatsApp. Desarrollé un CRM con dashboard administrativo y un agente LLM vía Baileys que responde, perfila clientes, cierra ventas en tiempo real y sincroniza todo con el CRM.

ReactNode.jsBaileys WALLMCustom CRM
02 / Nonesuch Precision (USA)Cero plugins innecesarios

E-Commerce de Alta Seguridad y Sincronización de Catálogo

Un fabricante de EE. UU. necesitaba una tienda segura y rápida con su catálogo sincronizado con redes sociales. La construí desde cero con un tema WordPress 100% a medida y automatizaciones nativas.

Custom WordPressPHP 8WooCommerceSocial Sync
03 / AI Voice Agents (Vapi)Voz de baja latencia

Ventas Telefónicas y Agendamiento con IA en Tiempo Real

Las empresas necesitaban escalar soporte y ventas telefónicas sin el coste de un call center. Desplegué agentes de voz Vapi que entienden intenciones, consultan bases de datos y agendan citas con latencia mínima.

Vapi AILLMsn8nJSON Pipelines
04 / Gelt FinTechConciliación sin errores

Dashboard de Conciliación Financiera Automatizada

Las transacciones se reportaban de forma caótica en grupos de WhatsApp. Un dashboard en React/Vite captura ahora los datos y los cruza automáticamente contra las entidades financieras.

ReactViteData GridAutomation

Arquitectura en Producción y Sistemas Reales.

Plataformas reales diseñadas y desarrolladas de principio a fin. Pasa el ratón por una tarjeta para ver el scroll en vivo.

Sistema web de portafolio minimalista para AU Arquitectos Hover: scroll en vivo

AU Arquitectos

01

Web insignia para estudio de arquitectura y estrategia de SEO local.

WordPressLocal SEOGSAP
Arquitectura e-commerce WooCommerce a medida para Mellows Hover: scroll en vivo

Mellows

02

E-commerce de bebidas direct-to-consumer para el mercado de EE. UU. y Australia.

WooCommerceCheckout UXUS / AU
Plataforma digital editorial y sistema de reservas para Jordina Arnau Hover: scroll en vivo

Jordina Arnau

03

Ecosistema de marca personal, academia online y embudo de captación.

Personal BrandAcademyFunnels
Plataforma e-commerce gastronómica a medida para Selva de Sabores Hover: scroll en vivo

Selva de Sabores

04

Tienda gourmet WooCommerce de café, té y chocolate con filtrado a medida.

WooCommerceCustom Filters
Arquitectura de plataforma global de donaciones para Children's Relief International Hover: scroll en vivo

Children's Relief International (CRI)

05

Catálogo de donaciones para ONG humanitaria de EE. UU. con UX sin fricción.

US NGODonations UX
Plataforma web interactiva cultural y educativa para Ball de Lletres Hover: scroll en vivo

Ball de Lletres

06

E-commerce de productos personalizados y reserva de talleres de lettering.

WooCommerceBookings

Lo que Dicen los Clientes tras el Lanzamiento.

"Trabajar con Mario fue una experiencia excelente. Mejoró tanto el diseño como la funcionalidad de nuestra tienda online en WordPress y Elementor. El checkout ha quedado precioso, rápido y muy intuitivo."

Cristina

Project Manager, Remote Club

"Tuve el placer de trabajar con Mario y es un profesional altamente competente. La web que desarrolló para nosotros quedó simplemente perfecta. Recomiendo totalmente a Mario."

Andrea De Santis

Project Manager, Wand Design

"Trabajar con Mario fue un verdadero placer. Su profesionalidad y atención al detalle destacaron desde el primer día, resolviendo nuestros retos con soluciones creativas."

Kenya M.

CEO, BlissFulVibz

  • "Colaboro con VestraWeb desde hace tiempo y siempre encantado con el resultado. Cuidan mucho el diseño y el SEO, responden rápido y se nota que saben lo que hacen. Sobre todo me ayudan con temas más complejos de programación y ahora con IA. Los recomiendo!"

    Borja Barrado · Diseño Web Donostia

  • "Todo un acierto contar con VestraWeb para mi proyecto!! Profesionalidad, atención y rapidez y muy muy buen servicio."

    Javier Muñoz · Siete Mandarinas

  • "Empresa seria y de confianza. Son muy buenos y cercanos."

    Julian Diaz · JMJ Informática

  • "Buenos Programadores i excelentes profesionales en Tarragona"

    Ferran · Jo Brand Comunicació

  • "Les he pedido hacer una página web de blogs y me la han dejado excelente! Con un excelente posicionamiento y desarrollo de la web. Recomendados!"

    Daniel Grajales

  • "Recomiendo mucho vuestro servicio ya que Está muy claro el servicio como SEO, y mi Página web ha quedado como esperaba! A tiempo y económico, gracias por todo"

    Joaquin Montoya

Reseña de Google de VestraWeb, el estudio de Mario Ocampo.

Preguntas Frecuentes sobre Arquitectura y Consultoría.

¿En qué tecnologías se especializa Mario Ocampo?

React, Next.js, Vite, JavaScript (ES6+), Tailwind CSS, GSAP para animaciones a 60fps, Node.js, Python, PHP y SQL, además de arquitecturas WordPress, WooCommerce y Shopify a medida y automatización con IA mediante Vapi, LLMs y n8n.

¿Dónde reside Mario Ocampo y trabaja con empresas internacionales?

Trabaja desde España (Tarragona y Barcelona) y Colombia, y es dueño de VestraWeb y Vestra Solutions. Trabaja con empresas locales en España y en remoto con agencias y equipos de Europa, Reino Unido, Estados Unidos y Latinoamérica, en español e inglés.

¿Cómo garantiza cargas de menos de un segundo y Core Web Vitals altos?

Eliminando el código pesado de los maquetadores visuales, escribiendo HTML semántico limpio, sirviendo imágenes WebP con dimensiones explícitas, aplicando caché agresiva y animando solo transform y opacity en la GPU. En refactors de webs antiguas ha reducido el LCP más de un 40%.

¿Está disponible para consultoría B2B, marca blanca para agencias o contratos senior?

Sí. Mario acepta proyectos selectos de arquitectura web, desarrollos a medida de alta conversión, auditorías de SEO técnico y rendimiento, y consultoría Front-End senior. Escribe a hello@mariodev.eu.

La misma persona. Todos los estilos.

Sistema web de portafolio minimalista para AU Arquitectos
Arquitectura e-commerce WooCommerce a medida para Mellows
Plataforma digital editorial y sistema de reservas para Jordina Arnau
Plataforma e-commerce gastronómica a medida para Selva de Sabores
Arquitectura de plataforma global de donaciones para Children's Relief International
Plataforma web interactiva cultural y educativa para Ball de Lletres
  1. Cada píxel.
  2. Cada historia.
  3. Cada línea de código.
Iniciar una conversación

¿Listo para Arquitectar tu Próxima Plataforma Digital?

Cuéntame qué te está frenando. Recibirás una respuesta técnica en menos de 24 horas, no un guion comercial.

¿Qué necesitas?

Iniciar Proyecto