vicente.medina
Veure
BCN

Vicente Medina Desenvolupador WordPress sènior Barcelona, ES

Figma entra. WordPress ix.

Soc Vicente, un desenvolupador valencià a Barcelona. Faig webs WordPress a mida per a hotels, fundacions i marques: pixel perfect, accessibles i editables sense tocar ni una línia de codi.

Escriu-me

Truc: prem 2 o 3 per a veure esta pàgina amb ulls de dissenyador o de desenvolupador.

Ara
Dev sènior @ Omitsis
En actiu des de
2015
Desplaça’t
↓ per a explorar

01 — Com treballe

Del fitxer de Figma a producció.

  1. 01

    Disseny

    Llig el fitxer de Figma com una especificació: tokens, espaiats, estats i breakpoints.

  2. 02

    Desenvolupament

    Cada secció es convertix en un bloc de Gutenberg a mida, amb tipografia fluida i un marcatge BEM net.

  3. 03

    Entrega

    Accessible, ràpida i editable pel client. Revisada, provada i desplegada.

02 — Sobre mi

Un valencià que construïx per a la web, des de Barcelona.

Vaig començar retocant les meues plantilles de Blogger i administrant fòrums phpBB. Així vaig aprendre HTML, CSS i PHP: trencant maquetacions una rere una altra.

Hui soc desenvolupador sènior a Omitsis, on convertisc dissenys detallats de Figma en webs WordPress a mida per a hotels d’Europa, els Estats Units i Mèxic. M’importen els detalls que el client no sempre veu: accessibilitat, rendiment, codi net i blocs que el seu equip pot editar sense tocar ni una línia de codi.

Últimament també cree eines amb IA per a revisar codi, generar blocs i documentar projectes, perquè l’equip entregue més ràpid sense dreceres.

Visc a
Barcelona
De
València
En actiu des de
2015
Actualment
Dev sènior @ Omitsis
Retrat de Vicente Medina
me.jpg → ascii

«Creatiu, proactiu, resolutiu i molt treballador. Treballar amb ell és fàcil i divertit: capta exactament el que vols i li dona un toc diferent i exclusiu».

Amparo Mendieta Albuixech · Recomanació a LinkedIn (traduïda del castellà)

03 — Què faig

El que faig de veritat.

  1. 01

    Desenvolupament WordPress a mida

    vm_build_site( $figma_file );

    Dissenys de Figma convertits en webs pixel perfect, amb blocs de Gutenberg a mida que el client edita sense codi. Design tokens, tipografia fluida i espaiats coherents en qualsevol pantalla.

  2. 02

    Plugins amb lògica de negoci real

    vm_register_plugin( $requirements );

    Quan un plugin estàndard no és suficient: formularis complexos amb validació, panells d’administració per rols, generació de PDF i integracions amb sistemes externs via API REST.

  3. 03

    Accessibilitat, WCAG 2.2 AA

    vm_audit_a11y( $url );

    Auditories i correccions perquè qualsevol persona puga usar la web: anàlisis automàtiques amb axe-core, revisió manual i verificació en producció.

  4. 04

    SEO tècnic i rendiment

    vm_optimize( $core_web_vitals );

    Dades estructurades, hreflang per a webs multilingües, memòria cau i CDN, i Core Web Vitals en verd.

  5. 05

    Infraestructura i seguretat

    vm_deploy( $env = 'production' );

    Entorns Docker, nginx reforçat amb CSP i capçaleres de seguretat, actualitzacions controlades en moltes webs alhora i migracions de plataforma, també a arquitectures headless.

  6. 06

    Consultoria tècnica

    vm_estimate( $project );

    Revisions d’arquitectura, estimacions de projectes i frameworks reutilitzables que acceleren desenvolupaments semblants.

04 — Stack

Les meues eines de capçalera.

cms

  • WordPress
  • Gutenberg
  • Temes de blocs (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 i correu
  • Git

headless

  • Next.js
  • WPGraphQL

rendiment

  • Memòria cau
  • CDN
  • Core Web Vitals
  • Lighthouse
  • Optimització d’imatges

seguretat

  • CSP
  • Capçaleres de seguretat
  • Wordfence WAF
  • Enduriment de servidors
  • RGPD

seo

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

qualitat

  • WCAG 2.2 AA
  • Acta Europea d’Accessibilitat
  • axe-core
  • PHPCS (WPCS)
  • BrowserStack

integracions

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

disseny

  • Figma
  • Design tokens
  • Tipografia fluida
  • Photoshop
  • Illustrator

flux de treball

  • Desenvolupament amb IA
  • Revisió de codi
  • Lideratge d’equips
  • Estimació de projectes
  • Docs as code

05 — Experiència

Una dècada de commits.

$ git log --graph careerdesplaça’t per a recórrer l’historial · fes clic en un commit per a desplegar-lo

  1. a3f9c21 Desenvolupador sènior@ Omitsis HEAD → main +5 des. 2020 — ara
    • Desenvolupe webs WordPress pixel perfect a partir de Figma per a hotels d’Europa, els Estats Units i Mèxic, amb blocs de Gutenberg a mida i design tokens fluids que el client edita sense codi.
    • Cree plugins a mida amb lògica de negoci real: formularis de sol·licitud multilingües, panells d’administració per rols, generació de PDF i integracions via API REST.
    • Auditore i corregisc l’accessibilitat segons WCAG 2.2 AA, i millore el SEO tècnic (schema, hreflang) i les Core Web Vitals.
    • Mantinc, protegisc i migre webs sobre Docker, nginx i AWS: memòria cau, CDN, CSP i capçaleres de seguretat, també en arquitectures headless amb WordPress + Next.js.
    • Redacte propostes tècniques i estimacions de projectes, i cree eines amb IA per a entregar més ràpid.
  2. 7e41b0d Director de tecnologia (CTO)@ La Maravillosa tag: cto +2 maig 2020 — oct. 2020
    • Gestió de projectes heretats i nous, resolució d’incidències i administració de servidors.
    • Desenvolupament de diverses webs WordPress, sobretot amb Elementor.
  3. 5c2d9fa Analista programador sènior@ Lavinia Next +2 des. 2019 — maig 2020
    • Refactorització completa d’una web de MotoGP: incorporació d’ACF i optimització de la seua base de dades Oracle.
    • Desenvolupament en CodeIgniter per a la web de Relats Curts de TMB, amb actualització de les versions de PHP i del framework.
  4. 91be7c3 Desenvolupador sènior / Responsable de desenvolupament@ Deideas Marketing tag: team-lead +3 set. 2017 — des. 2019
    • Manteniment i evolució de l’stack tecnològic de l’empresa, liderant, supervisant i formant l’equip de desenvolupament.
    • Redacció de propostes de desenvolupament, gestió de terminis d’entrega i tracte directe amb clients.
    • Sense deixar de programar en cada projecte, a més de gestionar els servidors.
  5. d04a6e8 Desenvolupador sènior@ Dinamic Group +2 febr. 2017 — ag. 2017
    • Webs, botigues en línia, landing pages i intranets, a més de la gestió de servidors, DNS i correu.
    • Webs WordPress a mida amb CPT i metaboxes, optimitzades en responsive, velocitat i SEO.
  6. 3fa1c57 Desenvolupador full stack@ Morillas +2 des. 2016 — febr. 2017
    • Webs a mida amb HTML, Sass, JavaScript, PHP i SQL, versionades amb Git.
    • Plantilles WordPress amb shortcodes, custom post types, taxonomies, metaboxes i integracions amb API.
  7. b86e2d1 Desenvolupador web@ SeriesNemo +2 febr. 2016 — nov. 2016
    • Disseny i desenvolupament de webs, microsites, landing pages i butlletins.
    • Gestió de servidors, SEO i optimització dels temps de càrrega, i una mica de community management.
  8. 2c7f0a9 Desenvolupador i dissenyador web@ Signo Comunicación +1 juny 2015 — febr. 2016
    • Desenvolupament WordPress i gestió de servidors: hosting, bases de dades, correu, DNS i seguretat.
  9. e69de29 Initial commitPlantilles de Blogger i fòrums phpBB els inicis

06 — Següent pas

Tens un Figma?
El pugem a producció.

No busque feina activament, però la meua safata d’entrada sempre està oberta. Si tens un projecte, una pregunta o només vols saludar, et respondré.