Traducción jurada.
Rediseño de una página
de servicio.
Cómo una landing de campaña acabó convertida en la reforma de una página que ya existía, y por qué esa decisión fue lo mejor del proyecto. Incluye el sistema de componentes que sostiene el resto del sitio.
El encargo, y el giro que lo cambió
El encargo original eran dos landings de campaña para el servicio de traducción jurada: una dirigida a estudiantes internacionales en proceso de admisión, y otra de alcance amplio para notarías, despachos, particulares y empresas.
La segunda no llegó a existir. Después de construirle un keyword research, una plataforma narrativa y el copy completo, la conclusión fue que estaba mal planteada de origen: el sitio ya tenía una página de servicio de traducción jurada, informativa, que recibe tráfico general y sostiene el SEO de ese término. Montar al lado una landing de campaña con storytelling emocional y una FAQ de once preguntas no sumaba, competía.
Así que se descartó y el encargo se reformuló: en vez de una página nueva, la reforma de la que ya estaba en producción. El trabajo anterior se archivó marcado como descartado, no se borró.
Matar tu propio trabajo a tiempo
Esa decisión es la parte del proyecto de la que más he aprendido, y por eso abre el caso. Todo lo que viene después es consecuencia suya.
Research: los datos que decidieron la estrategia
Antes de escribir una línea, keyword research en Semrush (base de datos es) y validación cruzada en el Google Ads Keyword Planner con la cuenta real del cliente. Tres hallazgos cambiaron el plan.
| Término | Volumen/mes | Dificultad | Lectura |
|---|---|---|---|
| traductor jurado | 2.400 (Semrush) 1.000–10.000 (Google Ads) | KD 39 | Cabecera. Dos fuentes independientes se validan entre sí. Puja 1,73–5,75 €. |
| traducción jurada | 1.600 | KD 41 | Secundaria. Es el ancla de la URL y del H1, no se toca. |
| precio traducción jurada | 140 | KD 14 | La señal de compra más limpia de todo el set. Intención transaccional. |
| traducción jurada urgente | 50 | KD 8 | Volumen bajo pero el CPC más alto medido (3,05 €): alto valor comercial. |
| Clúster académico (17 combinaciones) | 0–10 salvo 3 casos | — | Prácticamente sin demanda medible. Solo "diploma" (40) y "homologación título universitario" (110, KD 56, término adyacente). |
| Clúster notarías y despachos (8 combinaciones exactas) | 0–10 | — | Sin demanda de búsqueda propia. Las sugerencias de ampliación de Google ni siquiera relacionan el término con el sector. |
Qué se decidió con esto
- La landing de estudiantes no se gana por SEO. Su canal real es el referral, ya en marcha. El copy se optimiza para convertir a quien llega derivado, no para posicionar.
- Notarías y despachos salen del plan de búsqueda. Con 0–10 búsquedas al mes no hay campaña que sostener. Ese segmento se trabaja por email, no por SEM.
- La página de servicio no es una apuesta de ranking rápido. El SERP de "traductor jurado" lo dominan el registro oficial del Ministerio, la asociación profesional del sector y especialistas puros. Se plantea como activo de conversión con SEO on-page a medio plazo, y se dice así en el informe.
La página que había
Cinco bloques, mucha ilustración de stock y poca información accionable. Estos son los problemas concretos, medidos sobre la página en producción.
Un hero que no hace nada
Título, una línea de apoyo y se acabó. Ni llamada a la acción, ni prueba de por qué confiar, ni una pista de qué encontrarás más abajo. Más de la mitad de la primera pantalla es degradado vacío. En una página cuyo visitante llega con un trámite urgente entre manos, esa pantalla no responde a nada de lo que trae en la cabeza.
Una afirmación que no era cierta
"Certificación similar a la de un notario". Al verificarla resultó ser falsa: cuando un notario interviene en una traducción, da fe de la firma y la identidad del traductor, no de la fidelidad del texto. Son dos cosas distintas y la confusión es habitual en el sector, pero en la página de un proveedor jurídico es un riesgo real de credibilidad.
Se sustituyó por el dato que sí está respaldado: el Real Decreto 724/2020 (BOE) establece que el traductor jurado certifica bajo su firma que la traducción es fiel y completa, y responde legalmente de ello. La misma idea de garantía, esta vez sostenida.
Contraste por debajo del mínimo de accesibilidad
Medido sobre el DOM de la página en producción, excluyendo el hero (su fondo es un degradado y no se puede evaluar con este método): de 17 elementos de texto evaluados, 5 incumplen WCAG AA. Cuatro encabezados en verde sobre fondo claro se quedan en 2,10:1 y los dos botones, texto blanco sobre verde, en 2,01:1. El mínimo exigido es 4,5:1 para texto normal y 3:1 para texto grande y elementos de interfaz.
Jerarquía de encabezados rota
El orden real de la página era H1, H2, H3, H3, H2, H3, H3, H2, H3, H3 y H4. El titular del bloque de cierre, que tiene el mismo peso estructural que los demás, baja a H4 sin motivo. Para un buscador y para un lector de pantalla eso no es un detalle de estilo: es la estructura del documento.
Un párrafo cajón de sastre, y una ausencia
Bajo el título "Documentos empresariales y personales" se enumeran ocho tipos de documento seguidos, de expedientes académicos a informes financieros. Nadie se reconoce ahí: el estudiante no sabe si su título entra, y el despacho tampoco sabe si sus escrituras entran.
Y falta lo que más caro le sale al usuario: la página no dice en qué orden se hace el trámite. Si un documento necesita apostilla, la apostilla va antes de la traducción jurada. Hacerlo al revés obliga a repetir el proceso entero. Es el error más habitual del sector y la página lo callaba.
La decisión de contenido que no fue una FAQ
Lo cómodo era resolverlo con un acordeón de preguntas frecuentes. Se descartó a propósito: una FAQ interroga documento por documento y es el formato de la landing de campaña que ya se había descartado. El hueco real era otro. El visitante necesitaba entender rápido tres cosas: qué compra, en qué orden va el trámite y si su documento entra.
Dos bloques nuevos
- "Antes de traducir: el orden importa". Dos pasos numerados en horizontal. El orden es el mensaje, así que la maqueta tiene que enseñarlo, no solo contarlo. Va arriba, antes de que el visitante piense en su documento, porque si va enterrado abajo ya ha decidido mal.
- Tres familias de documentos. Académicos, civiles, mercantiles y notariales. Es el mecanismo por el que los tres públicos se reconocen sin dedicarle a cada uno una sección propia. Ninguna se destaca sobre las otras: eso convertiría una página de servicio en una landing sectorial, que es justo lo que se había descartado.
Del wireframe al diseño
Baja fidelidad primero, para discutir estructura sin que el color distraiga. Después, varias vueltas de crítica hasta el diseño final.
Qué se corrigió por el camino
- Cuerpo de texto por debajo de 16 px en varias secciones, subido al mínimo de accesibilidad con interlineado del 150 %.
- Lenguaje de iconos inconsistente: convivían círculos sólidos y placas cuadradas de tinte suave. Se unificó.
- Iconografía entera reconstruida tras un "no transmiten nada" del cliente interno. El birrete de documentos académicos no se leía a 56 px y pasó a ser un libro abierto.
- Textos demasiado largos en trece párrafos, recortados sin perder ningún dato verificado.
Maquetación en WordPress
La página se montó sobre el WordPress del cliente con Elementor, respetando su sistema: contenedores y widgets nativos, para que su equipo pueda seguir editando los textos sin tocar código. Solo hay dos widgets de HTML de apoyo, uno con las hojas de estilo de los detalles que Elementor no expresa y otro con las insignias de certificación.
Decisiones de maquetación
- Un solo H1, un H2 por bloque y H3 en los sub-bloques. Verificado sobre el DOM, no sobre el panel del editor.
- Un único enlace saliente, al listado oficial de traductores jurados del Ministerio. Refuerza la autoridad del dato sin romper el tono informativo.
- Los tres pasos y las tres familias son texto real, no un gráfico. Meterlos como imagen los habría perdido para el buscador y para los asistentes de IA.
- El formulario del cierre es el de HubSpot que ya usa el cliente, integrado dentro de la tarjeta blanca del diseño en lugar de mandar al visitante a otra página.
Antes y después
Mismas capturas, mismo ancho, mismo tratamiento. La de la derecha es la página nueva, todavía en borrador.
Escritorio, página completa. De cinco bloques a seis, con los dos nuevos (proceso y taxonomía) insertados en el lugar donde hacen falta.
Móvil, 390 px. Las columnas apilan, el separador vertical del bloque de proceso desaparece y las tarjetas van a ancho completo. Sin desbordes horizontales.
Bloque a bloque
Hero. El titular pasa a decir lo que el visitante gana, no cómo se llama el servicio. Debajo, la llamada a la acción que faltaba y una línea de confianza con la habilitación del Ministerio y las certificaciones. El término de búsqueda sigue presente, arriba.
Reconocimiento internacional. Fuera la ilustración de stock y la afirmación sobre el notario. En su lugar, dos columnas con el dato verificable y el enlace al registro oficial. De paso se corrigió un error que arrastraba el borrador: los textos de las dos columnas estaban cruzados.
El orden del trámite. Bloque nuevo. Dos pasos numerados en horizontal, separados por un filete, y una salida a contacto en el propio texto para quien no sepa si su caso necesita apostilla.
Qué documentos traducimos. El párrafo cajón de sastre se convierte en tres familias con la misma altura y el mismo peso visual. Cada público encuentra la suya en un vistazo.
Cierre. El botón que mandaba fuera se sustituye por el formulario real, dentro de la página. Quien ha llegado hasta abajo ya está convencido: no tiene sentido pedirle un clic más.
Qué cambia, en concreto
| Antes | Después | |
|---|---|---|
| Fallos de contraste WCAG AA | 5 de 17 elementos evaluados. Mínimo 2,01:1. | 0 de 39 elementos evaluados. Mínimo 6,05:1. |
| Jerarquía de encabezados | H1, H2, H3, H3, H2, H3, H3, H2, H3, H3, H4 | Un H1, un H2 por bloque, H3 en sub-bloques |
| Información de proceso | Ninguna | Bloque dedicado con dos pasos y salida a contacto |
| Taxonomía de documentos | Un párrafo con ocho tipos seguidos | Tres familias, con el trámite al que sirve cada una |
| Prueba de confianza | Una mención al Ministerio dentro de un párrafo | Línea de confianza en el hero, enlace al registro oficial y cinco certificaciones |
| Conversión | Dos botones que llevan fuera | Tres llamadas a la acción y el formulario dentro de la página |
| Afirmaciones sin respaldo | Una ("certificación similar a la de un notario") | Ninguna. Todo dato lleva fuente. |
Lo que todavía no puedo decir
La página está terminada y guardada como borrador. La publicación depende del cliente, así que no hay métricas posteriores al lanzamiento y no voy a inventarlas. No puedo afirmar que este rediseño mejore la conversión ni las posiciones: todavía no ha tenido la oportunidad de demostrarlo.
Lo que sí es verificable hoy es lo que se ha medido aquí: contraste, jerarquía de encabezados, cobertura de contenido y comportamiento en móvil. Y una afirmación falsa retirada de una página pública.
Cómo se mediría cuando se publique
- Posición orgánica de "traductor jurado" y "traducción jurada" en Search Console, contra la línea base actual: la página no aparece hoy en el top 10 de ninguna de las dos.
- Envíos del formulario desde esta página, aislados por origen. Es la única métrica de negocio directa del rediseño.
- Porcentaje de scroll hasta el bloque de proceso. Si el bloque nuevo no se ve, la decisión de subirlo tan arriba estaba mal.
- Reparto de clics entre las tres llamadas a la acción, para saber cuál sobra.
Quedan además dos decisiones abiertas del lado del cliente: el formulario concreto de HubSpot que va en el cierre y el destino final del botón principal. Ambas están documentadas y a la espera.
No era una página: era un sistema
La página de traducción jurada no se diseñó en el vacío. Formaba parte de un rediseño más amplio del sitio, y para sostenerlo construí el sistema de componentes sobre el que se montan todas las páginas.
El sistema de componentes
Botones con sus estados, iconografía unificada, formularios completos con sus consentimientos y estados, tarjetas, sellos y navegación. Todo construido a partir de la web real del cliente, no desde cero: así lo que se diseñaba podía montarse después sin traducciones raras entre el diseño y el WordPress que ya tenían.
Un kit de componentes no es una colección de dibujos bonitos. Es lo que hace que la página número doce cueste una tarde en vez de una semana, y que no se desvíe del sistema.
Las otras páginas del sistema
El mismo encargo incluía el resto del sitio. Estas son las páginas que salieron del sistema.
Dos caminos para el mismo problema
La página de contacto tenía un problema real: cómo hacer que una empresa internacional pareciera cercana. Presenté dos propuestas con estrategias opuestas, no dos variaciones del mismo diseño.
Las dos resolvían lo mismo y decían cosas distintas. Enseñar las dos —y saber explicar por qué— es más útil que enseñar solo la que se eligió.
Y una decisión que se ve poco: el diseño cambia según de dónde venga el lead
Las páginas de agradecimiento no son una plantilla repetida. Son tres distintas, una por cada origen: quien llega por una campaña de ventas, quien se suscribe a la newsletter y quien rellena una landing. El mensaje posterior cambia porque el contexto de cada uno es distinto.
