carlospmendiola.com

Mi propia web, hecha con el mismo proceso que sigo con cada cliente.

Ficha del proyecto

ClienteCarlos PMendiola (proyecto propio)

SectorDiseño y desarrollo web

TipoWeb profesional con portfolio, servicios y guías

HerramientasFigma, Figma Make, WordPress, Elementor Pro (v4) e IA (Claude)

Año2016 (web anterior) · 2026 (nueva web)

Webcarlospmendiola.com

El reto

Llevaba diez años sin actualizar mi propia web. La usaba como base para montar las de mis clientes, pero no contaba quién soy ni cómo trabajo.

Al volver a ser freelance necesitaba una web que hiciera de carta de presentación: que explicara mis servicios con claridad, que transmitiera casi 30 años de oficio y que convenciera a una pyme de que merece la pena hablar conmigo.

Y quería hacerla como hago las de mis clientes, sin atajos: con método, pensando en quien la visita y cuidando lo que no se ve. También quería probar en serio cómo encaja la inteligencia artificial en mi forma de trabajar.

La solución

Apliqué a mi web el mismo proceso que sigo con cada cliente: escuchar, diseñar, construir y acompañar.

Diseñar antes de construir. Cada pantalla se diseñó primero en Figma, y la página provisional se prototipó con Figma Make. Identidad propia: el símbolo C:PM, el verde #2D6A4F y la pareja tipográfica Archivo y Playfair Display.

Conservar lo que funcionaba. El lema «Juntos crearemos el sitio web que necesitas» ya encabezaba mi web en 2016. Diez años después sigue siendo mi forma de trabajar, así que se queda.

Un sistema de diseño, no páginas sueltas. En Elementor Pro (versión 4) definí colores, tipografías, espaciados y componentes reutilizables: botones, tarjetas, preguntas frecuentes, formularios. Todas las páginas comparten las mismas piezas, así que la web es coherente y fácil de ampliar.

Decisiones con base, no por gusto. Hice una auditoría UX con las Laws of UX y la apliqué en toda la web: formularios más cortos, un orden de secciones pensado para terminar en lo importante, contraste suficiente para leer bien y animaciones que no hacen esperar.

Contenido que ayuda. Textos optimizados para buscadores y tres guías prácticas: cuánto cuesta una web en Vitoria-Gasteiz, WordPress para diseño web y cuánto cuesta mantener WordPress. Las preguntas frecuentes llevan datos estructurados para Google, y hay un archivo llms.txt para los buscadores con IA.

Accesible y ligera. Revisé todas las páginas en escritorio y en móvil con herramientas de accesibilidad (WCAG 2.1 AA). Optimicé las imágenes, y la home pasó de 716 KB a 445 KB.

Lo que no se ve. Mudanza de la web a un alojamiento más moderno sin tocar el correo, redirecciones de las direcciones antiguas, doble factor de autenticación, textos legales al día y estadísticas que solo se activan si el visitante lo acepta.

IA, con criterio. Trabajé con Claude como asistente en todo el proceso: textos, código, revisiones. Siempre con una regla: la IA propone y yo decido.

El resultado

Una web que explica quién soy y cómo trabajo, y que demuestra mi método en sí misma.

Páginas: todas revisadas en escritorio y móvil.
Guías prácticas: 3.
Peso de la home: de 716 KB a 445 KB.
Accesibilidad: revisada con WCAG 2.1 AA.

«Mi web es mi primer caso de estudio: si la ves, ya sabes cómo trabajo.»

¿Tienes un proyecto en mente?

¿O simplemente quieres explorar posibilidades? Escríbeme sin compromiso. La primera conversación es gratis y sin obligación: a veces solo hace falta hablar para que las ideas empiecen a tomar forma. Respondo en menos de 24 horas.

Escríbeme →