vicente.medina
Ver
BCN

Vicente Medina Desarrollador WordPress sénior Barcelona, ES

Figma entra. WordPress sale.

Soy Vicente, desarrollador valenciano en Barcelona. Hago webs WordPress a medida para hoteles, fundaciones y marcas: pixel perfect, accesibles y editables sin tocar una línea de código.

Escríbeme

Truco: pulsa 2 o 3 para ver esta página con ojos de diseñador o de desarrollador.

Ahora
Dev sénior @ Omitsis
En activo desde
2015
Desplázate
↓ para explorar

01 — Cómo trabajo

Del archivo de Figma a producción.

  1. 01

    Diseño

    Leo el archivo de Figma como una especificación: tokens, espaciados, estados y breakpoints.

  2. 02

    Desarrollo

    Cada sección se convierte en un bloque de Gutenberg a medida, con tipografía fluida y un marcado BEM limpio.

  3. 03

    Entrega

    Accesible, rápida y editable por el cliente. Revisada, probada y desplegada.

02 — Sobre mí

Un valenciano que construye para la web, desde Barcelona.

Empecé retocando mis propias plantillas de Blogger y administrando foros phpBB. Así aprendí HTML, CSS y PHP: rompiendo maquetaciones una a una.

Hoy soy desarrollador sénior en Omitsis, donde convierto diseños detallados de Figma en webs WordPress a medida para hoteles de Europa, Estados Unidos y México. Me importan los detalles que el cliente no siempre ve: accesibilidad, rendimiento, código limpio y bloques que su equipo puede editar sin tocar una línea de código.

Últimamente también creo herramientas con IA para revisar código, generar bloques y documentar proyectos, para que el equipo entregue más rápido sin atajos.

Vivo en
Barcelona
De
Valencia
En activo desde
2015
Actualmente
Dev sénior @ Omitsis
Retrato de Vicente Medina
me.jpg → ascii

«Creativo, proactivo, resolutivo y muy trabajador. Trabajar con él es fácil y divertido: capta exactamente lo que quieres y le da un toque diferente y exclusivo».

Amparo Mendieta Albuixech · Recomendación en LinkedIn

03 — Qué hago

Lo que de verdad hago.

  1. 01

    Desarrollo WordPress a medida

    vm_build_site( $figma_file );

    Diseños de Figma convertidos en webs pixel perfect, con bloques de Gutenberg a medida que el cliente edita sin código. Design tokens, tipografía fluida y espaciados coherentes en cualquier pantalla.

  2. 02

    Plugins con lógica de negocio real

    vm_register_plugin( $requirements );

    Cuando un plugin estándar no basta: formularios complejos con validación, paneles de administración por roles, generación de PDF e integraciones con sistemas externos vía API REST.

  3. 03

    Accesibilidad, WCAG 2.2 AA

    vm_audit_a11y( $url );

    Auditorías y correcciones para que cualquiera pueda usar la web: análisis automáticos con axe-core, revisión manual y verificación en producción.

  4. 04

    SEO técnico y rendimiento

    vm_optimize( $core_web_vitals );

    Datos estructurados, hreflang para webs multidioma, caché y CDN, y Core Web Vitals en verde.

  5. 05

    Infraestructura y seguridad

    vm_deploy( $env = 'production' );

    Entornos Docker, nginx bastionado con CSP y cabeceras de seguridad, actualizaciones controladas en muchas webs a la vez y migraciones de plataforma, también a arquitecturas headless.

  6. 06

    Consultoría técnica

    vm_estimate( $project );

    Revisiones de arquitectura, estimaciones de proyectos y frameworks reutilizables que aceleran desarrollos parecidos.

04 — Stack

Mis herramientas de cabecera.

cms

  • WordPress
  • Gutenberg
  • Temas de bloques (FSE)
  • ACF Pro
  • WooCommerce
  • Elementor
  • WPML
  • Multisite
  • Drupal
  • PrestaShop
  • Joomla
  • phpBB

frontend

  • HTML
  • SCSS (BEM)
  • JavaScript
  • Vue.js
  • GSAP
  • Three.js
  • Vite
  • jQuery
  • Bootstrap
  • CSS Grid
  • Swiper

backend

  • PHP 8
  • API REST
  • WP-CLI
  • CodeIgniter
  • Python
  • MySQL
  • PostgreSQL
  • Oracle

infra

  • Linux
  • Docker
  • nginx
  • Caddy
  • AWS
  • WP Engine
  • DNS y correo
  • Git

headless

  • Next.js
  • WPGraphQL

rendimiento

  • Caché
  • CDN
  • Core Web Vitals
  • Lighthouse
  • Optimización de imágenes

seguridad

  • CSP
  • Cabeceras de seguridad
  • Wordfence WAF
  • Bastionado de servidores
  • RGPD

seo

  • Schema.org
  • hreflang
  • Yoast
  • Rank Math
  • GA4
  • Tag Manager

calidad

  • WCAG 2.2 AA
  • Acta Europea de Accesibilidad
  • axe-core
  • PHPCS (WPCS)
  • BrowserStack

integraciones

  • APIs REST
  • Generación de PDF
  • Contact Form 7
  • MailPoet
  • AWS SES

diseño

  • Figma
  • Design tokens
  • Tipografía fluida
  • Photoshop
  • Illustrator

flujo de trabajo

  • Desarrollo con IA
  • Revisión de código
  • Liderazgo de equipos
  • Estimación de proyectos
  • Docs as code

05 — Experiencia

Una década de commits.

$ git log --graph careerdesplázate para recorrer el historial · haz clic en un commit para desplegarlo

  1. a3f9c21 Desarrollador sénior@ Omitsis HEAD → main +5 dic. 2020 — hoy
    • Desarrollo webs WordPress pixel perfect a partir de Figma para hoteles de Europa, Estados Unidos y México, con bloques de Gutenberg a medida y design tokens fluidos que el cliente edita sin código.
    • Creo plugins a medida con lógica de negocio real: formularios de solicitud multidioma, paneles de administración por roles, generación de PDF e integraciones vía API REST.
    • Audito y corrijo la accesibilidad según WCAG 2.2 AA, y mejoro el SEO técnico (schema, hreflang) y las Core Web Vitals.
    • Mantengo, protejo y migro webs sobre Docker, nginx y AWS: caché, CDN, CSP y cabeceras de seguridad, también en arquitecturas headless con WordPress + Next.js.
    • Redacto propuestas técnicas y estimaciones de proyectos, y creo herramientas con IA para entregar más rápido.
  2. 7e41b0d Director de tecnología (CTO)@ La Maravillosa tag: cto +2 may. 2020 — oct. 2020
    • Gestión de proyectos heredados y nuevos, resolución de incidencias y administración de servidores.
    • Desarrollo de varias webs WordPress, sobre todo con Elementor.
  3. 5c2d9fa Analista programador sénior@ Lavinia Next +2 dic. 2019 — may. 2020
    • Refactorización completa de una web de MotoGP: incorporación de ACF y optimización de su base de datos Oracle.
    • Desarrollo en CodeIgniter para la web de Relats Curts de TMB, con actualización de las versiones de PHP y del framework.
  4. 91be7c3 Desarrollador sénior / Responsable de desarrollo@ Deideas Marketing tag: team-lead +3 sept. 2017 — dic. 2019
    • Mantenimiento y evolución del stack tecnológico de la empresa, liderando, supervisando y formando al equipo de desarrollo.
    • Redacción de propuestas de desarrollo, gestión de plazos de entrega y trato directo con clientes.
    • Sin dejar de programar en cada proyecto, además de gestionar los servidores.
  5. d04a6e8 Desarrollador sénior@ Dinamic Group +2 feb. 2017 — ago. 2017
    • Webs, tiendas online, landing pages e intranets, además de la gestión de servidores, DNS y correo.
    • Webs WordPress a medida con CPT y metaboxes, optimizadas en responsive, velocidad y SEO.
  6. 3fa1c57 Desarrollador full stack@ Morillas +2 dic. 2016 — feb. 2017
    • Webs a medida con HTML, Sass, JavaScript, PHP y SQL, versionadas con Git.
    • Plantillas WordPress con shortcodes, custom post types, taxonomías, metaboxes e integraciones con APIs.
  7. b86e2d1 Desarrollador web@ SeriesNemo +2 feb. 2016 — nov. 2016
    • Diseño y desarrollo de webs, microsites, landing pages y newsletters.
    • Gestión de servidores, SEO y optimización de tiempos de carga, y algo de community management.
  8. 2c7f0a9 Desarrollador y diseñador web@ Signo Comunicación +1 jun. 2015 — feb. 2016
    • Desarrollo WordPress y gestión de servidores: hosting, bases de datos, correo, DNS y seguridad.
  9. e69de29 Initial commitPlantillas de Blogger y foros phpBB los inicios

06 — Siguiente paso

¿Tienes un Figma?
Lo subimos a producción.

No busco trabajo activamente, pero mi bandeja de entrada siempre está abierta. Si tienes un proyecto, una pregunta o solo quieres saludar, te responderé.