WEBGPU // PARTICLES
Arquitecte Full-Stack i Front-End Senior

Mario Ocampo.

Audito infraestructures tecnològiques, elimino colls d'ampolla i desenvolupo codi a mida: webs que carreguen en menys d'un segon, e-commerce des de zero i automatitzacions amb IA que converteixen visites en vendes.

7+Anys d'enginyeria
40%LCP més ràpid en refactors
24/7Agents IA en producció
Disponible · Catalunya / remot Mario Ocampo - Retrat d'Arquitecte Full-Stack i Front-End Senior
41.1189° N, 1.2445° ETARRAGONA · SAN FRANCISCO

Marques i organitzacions a Catalunya, Espanya i els EUA que confien en la meva feina

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

Matriu de Capacitats Full-Stack.

Quatre dominis d'enginyeria, un únic arquitecte responsable. Cada projecte es mesura en velocitat, posicions i facturació.

01 / Frontend i Moviment Creatiu

Desenvolupaments amb React, Next.js i Vite amb 99/100 a PageSpeed, animacions GSAP a 60fps i zero deute tècnic.

Parlem-ne

02 / SEO Tècnic i Core Web Vitals

Arquitectura de rastreig, hreflang multi-idioma, JSON-LD avançat i optimització LCP/INP per dominar Google i les respostes d'IA.

Parlem-ne

03 / CMS Empresarial i E-Commerce

Temes i plugins WordPress des de zero, botigues WooCommerce i Shopify d'alta seguretat i migració de plantilles lentes.

Parlem-ne

04 / Agents IA i Automatització B2B

Agents de veu en temps real amb Vapi, embuts autònoms de venda a WhatsApp (Baileys + LLMs) i fluxos n8n/Python.

Parlem-ne

De Colòmbia a San Francisco i a la Mediterrània.

Vaig estudiar a Colòmbia i vaig iniciar la meva carrera com a desenvolupador després de viure a San Francisco als meus 20 anys. Avui soc propietari de VestraWeb i Vestra Solutions i treballo des d'Espanya i Colòmbia amb fundadors i agències d'Europa i els EUA, en espanyol i anglès.

  1. Colòmbia · Universidad del Valle · SENAOn va començar tot: base d'enginyeria i titulació tecnològica.
  2. San Francisco · PlatziEnginyeria de programari i desenvolupament web amb Platzi mentre vivia a San Francisco.
  3. Espanya · Upwork, 2018 - 2020Desenvolupador web i especialista en WordPress.
  4. Espanya · Raccoon Technologies / Deuslink, 2020 - 2022Desenvolupador front-end i enginyer d'interfícies.
  5. VestraWeb i Vestra Solutions, 2022 - ActualitatLes meves empreses: webs a mida amb VestraWeb, agents d'IA 24/7 amb Vestra Solutions.
  6. Espanya i ColòmbiaAvui treballo des dels dos països per a clients d'Europa i els EUA.
Mario Ocampo al pont Golden Gate de San Francisco retrat monocromàtic Mario Ocampo al pont Golden Gate de San Francisco retrat en color
37.7936° N, 122.4836° W · Arrels tech a San Francisco
Mario Ocampo CEO i Arquitecte Web Principal a l'estudi de VestraWeb Tarragona

Propietari de VestraWeb i Vestra Solutions

VestraWeb dissenya i construeix webs i botigues en línia a mida. Vestra Solutions LLC crea agents d'IA, xatbots de WhatsApp i automatització per a empreses d'Espanya i Llatinoamèrica. Dirigeixo el disseny, l'arquitectura i el lliurament a totes dues.

+7 Anys Construint per a Agències i Marques Globals.

  1. Propietari, Arquitecte Principal Front-End i Automatització

    Vestra Solutions / VestraWeb

    2022 - Actualitat
  2. Desenvolupador Front-End i Enginyer UI

    Raccoon Technologies / Deuslink

    2020 - 2022
  3. Desenvolupador Web i Especialista WordPress

    Freelance · Upwork

    2018 - 2020

Formació en Enginyeria i Certificacions

  • Universidad del Valle

    Educació Superior

  • SENA

    Tecnòleg

  • Platzi

    Enginyeria de Programari i Desenvolupament Web

Descarregar CV (PDF) PDF · EN
Casos d'enginyeria B2B

Problemes B2B Complexos Resolts amb Codi a Mida.

Un altre WhatsApp.

I un altre.

L'equip ja no dona l'abast.

Crac.

Entra l'agent.

Respon. Perfila. Tanca.

Vendes en pilot automàtic.

01 / Camacho Phones CorpVendes en pilot automàtic

CRM a Mida i Agent IA Autònom de Vendes a WhatsApp

L'equip no podia atendre totes les sol·licituds diàries per WhatsApp. Vaig desenvolupar un CRM amb panell administratiu i un agent LLM via Baileys que respon, perfila clients, tanca vendes en temps real i ho sincronitza tot amb el CRM.

ReactNode.jsBaileys WALLMCustom CRM
02 / Nonesuch Precision (USA)Zero plugins innecessaris

E-Commerce d'Alta Seguretat i Sincronització de Catàleg

Un fabricant dels EUA necessitava una botiga segura i ràpida amb el catàleg sincronitzat amb les xarxes socials. La vaig construir des de zero amb un tema WordPress 100% a mida i automatitzacions natives.

Custom WordPressPHP 8WooCommerceSocial Sync
03 / AI Voice Agents (Vapi)Veu de baixa latència

Vendes Telefòniques i Cites amb IA en Temps Real

Les empreses necessitaven escalar el suport i les vendes telefòniques sense el cost d'un call center. Vaig desplegar agents de veu Vapi que entenen intencions, consulten bases de dades i agenden cites amb latència mínima.

Vapi AILLMsn8nJSON Pipelines
04 / Gelt FinTechConciliació sense errors

Panell de Conciliació Financera Automatitzada

Les transaccions es reportaven de manera caòtica en grups de WhatsApp. Un panell en React/Vite ara captura les dades i les encreua automàticament amb les entitats financeres.

ReactViteData GridAutomation

Arquitectura en Producció i Sistemes Reals.

Plataformes reals dissenyades i desenvolupades de cap a cap. Passa el ratolí per una targeta per veure l'scroll en viu.

Sistema web de portafoli minimalista per a AU Arquitectos Hover: scroll en viu

AU Arquitectos

01

Web insígnia per a estudi d'arquitectura i estratègia de SEO local.

WordPressLocal SEOGSAP
Arquitectura e-commerce WooCommerce a mida per a Mellows Hover: scroll en viu

Mellows

02

E-commerce de begudes direct-to-consumer per al mercat dels EUA i Austràlia.

WooCommerceCheckout UXUS / AU
Plataforma digital editorial i sistema de reserves per a Jordina Arnau Hover: scroll en viu

Jordina Arnau

03

Ecosistema de marca personal, acadèmia online i embut de captació.

Personal BrandAcademyFunnels
Plataforma e-commerce gastronòmica a mida per a Selva de Sabores Hover: scroll en viu

Selva de Sabores

04

Botiga gourmet WooCommerce de cafè, te i xocolata amb filtratge a mida.

WooCommerceCustom Filters
Arquitectura de plataforma global de donacions per a Children's Relief International Hover: scroll en viu

Children's Relief International (CRI)

05

Catàleg de donacions per a ONG humanitària dels EUA amb UX sense fricció.

US NGODonations UX
Plataforma web interactiva cultural i educativa per a Ball de Lletres Hover: scroll en viu

Ball de Lletres

06

E-commerce de productes personalitzats i reserva de tallers de lettering.

WooCommerceBookings

El que Diuen els Clients després del Llançament.

"Treballar amb el Mario va ser una experiència excel·lent. Va millorar tant el disseny com la funcionalitat de la nostra botiga online en WordPress i Elementor. El checkout ha quedat preciós, ràpid i molt intuïtiu."

Cristina

Project Manager, Remote Club

"Vaig tenir el plaer de treballar amb el Mario i és un professional altament competent. La web que va desenvolupar per a nosaltres va quedar simplement perfecta. Recomano totalment el Mario."

Andrea De Santis

Project Manager, Wand Design

"Treballar amb el Mario va ser un veritable plaer. La seva professionalitat i atenció al detall van destacar des del primer dia, resolent els nostres reptes amb solucions creatives."

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

Ressenya de Google de VestraWeb, l'estudi de Mario Ocampo. Text original en castellà.

Preguntes Freqüents sobre Arquitectura i Consultoria.

En quines tecnologies s'especialitza Mario Ocampo?

React, Next.js, Vite, JavaScript (ES6+), Tailwind CSS, GSAP per a animacions a 60fps, Node.js, Python, PHP i SQL, a més d'arquitectures WordPress, WooCommerce i Shopify a mida i automatització amb IA mitjançant Vapi, LLMs i n8n.

On resideix Mario Ocampo i treballa amb empreses de Catalunya i internacionals?

Resideix entre Tarragona i Barcelona, des d'on dirigeix VestraWeb. Treballa amb empreses de Tarragona, Reus, Barcelona i tot Catalunya, i en remot amb equips d'Europa, el Regne Unit, els Estats Units i Llatinoamèrica, en castellà i anglès.

Com garanteix càrregues de menys d'un segon i Core Web Vitals alts?

Eliminant el codi pesat dels maquetadors visuals, escrivint HTML semàntic net, servint imatges WebP amb dimensions explícites, aplicant memòria cau agressiva i animant només transform i opacity a la GPU. En refactors de webs antigues ha reduït el LCP més d'un 40%.

Està disponible per a consultoria B2B, marca blanca per a agències o contractes senior?

Sí. Mario accepta projectes selectes d'arquitectura web, desenvolupaments a mida d'alta conversió, auditories de SEO tècnic i rendiment, i consultoria Front-End senior. Escriu a hello@mariodev.eu.

La mateixa persona. Tots els estils.

Sistema web de portafoli minimalista per a AU Arquitectos
Arquitectura e-commerce WooCommerce a mida per a Mellows
Plataforma digital editorial i sistema de reserves per a Jordina Arnau
Plataforma e-commerce gastronòmica a mida per a Selva de Sabores
Arquitectura de plataforma global de donacions per a Children's Relief International
Plataforma web interactiva cultural i educativa per a Ball de Lletres
  1. Cada píxel.
  2. Cada història.
  3. Cada línia de codi.
Iniciar una conversa

Preparat per Arquitectar la teva Pròxima Plataforma Digital?

Explica'm què t'està frenant. Rebràs una resposta tècnica en menys de 24 hores, no un guió comercial.

Què necessites?

Iniciar Projecte