Diseño web: sitios multilingües que convierten, no plantillas decoradas
WordPress + WPML por defecto. Webflow, Shopify o stack a medida cuando tiene sentido. SEO multilingüe, schema markup y rendimiento integrados desde el primer wireframe, no parcheados después.
WordPress
stack base + WPML para multilingüe. Divi, Bricks, Elementor según contexto del cliente.
Webflow
cuando el equipo de marketing quiere editar sin pasar por dev, sin sobrecoste de plugins.
Shopify
ecommerce multilingüe con Shopify Markets, B2B y B2C, integración de pasarelas locales.
SEO-first
arquitectura SEO, schema y rendimiento integrados desde el wireframe, no plugins añadidos al final.
Tres errores recurrentes en sitios multilingües
Patrones que veo en cada auditoría de diseño web multilingüe:
Plantilla bonita, SEO añadido al final
El cliente ve un sitio bonito en mockup, lo aprueba, el desarrollador lo construye, luego alguien sugiere «añadir SEO». Demasiado tarde. La arquitectura URL ya está mal, los slugs no están traducidos, el hreflang nunca se planificó, las Core Web Vitals son rojas por imágenes 4MB en hero. Rehacer cuesta más que diseñar bien desde el principio. El SEO se integra en el wireframe, no se parchea después.
Velocidad sacrificada por animaciones
Hero animado con un vídeo MP4 de 12MB, parallax con scroll, sliders con 8 imágenes, modal de cookies que tarda 3 segundos en aparecer. Core Web Vitals fallan, Google penaliza, los visitantes desde móvil abandonan antes de ver el primer botón CTA. El sitio puede ser visualmente impactante y, al mismo tiempo, comercialmente vacío. La velocidad es una decisión de diseño, no un detalle técnico posterior.
Multilingüe parcheado, no diseñado
El sitio se lanza en un idioma, se añade un segundo seis meses después con WPML «como una capa». Resultado: conmutador de idiomas en mal sitio, traducciones de menú a medias, plugins incompatibles, performance que se hunde. El multilingüe se diseña desde el día uno: estructura URL, conmutador, hreflang, schema, no se añade como aftermarket.
Mi enfoque integra SEO, multilingüe y rendimiento desde el wireframe. Los stacks (WordPress, Webflow, Shopify, custom) se eligen según el contexto del cliente, no por preferencia de agencia. El resultado: un sitio que convierte ahora y escala después.
Qué incluye un proyecto de diseño web
Elección del stack
WordPress + WPML por defecto. Webflow si el equipo edita sin pasar por dev. Shopify para ecommerce serio. Stack custom solo cuando tiene sentido. Decisión razonada, no doctrina.
Arquitectura multilingüe
Subdirectorio / subdominio / ccTLD definido en el wireframe. Slugs traducidos. Hreflang configurado. Conmutador de idiomas en el lugar correcto. No es un parche posterior.
SEO técnico integrado
Schema markup completo (Organization, LocalBusiness, Service, FAQ, Breadcrumb), sitemap XML, robots.txt, canónicas, breadcrumbs visibles y estructurados.
Core Web Vitals verdes
LCP <2.5s, INP <200ms, CLS <0.1 al lanzamiento. Optimización de imágenes con WebP/AVIF, lazy loading, caché LiteSpeed o equivalente, fonts locales.
UX / UI a medida
Recorridos de conversión claros, CTA bien posicionados, formularios optimizados, mobile-first sin compromiso, accesibilidad WCAG AA en componentes críticos.
Cumplimiento y seguridad
HTTPS forzado, banner de cookies cumpliendo RGPD/LSSI-CE, política de privacidad localizada, headers de seguridad (HSTS, CSP, X-Frame-Options), backups automatizados.
Mi proceso en 5 pasos, con entregables nombrados
Descubrimiento, wireframe SEO-first, diseño, desarrollo, lanzamiento controlado.
1. Descubrimiento (semana 1)
Entregable: documento de objetivos comerciales, audiencias objetivo por mercado e idioma, competidores directos, restricciones técnicas (hosting, integraciones, CRM), presupuesto y plazos. Recomendación inicial de stack.
2. Wireframe SEO-first (semanas 2-3)
Entregable: wireframes de páginas clave (home, servicios, contacto, blog) con jerarquía Hn definida, slugs por idioma, schema markup planificado, recorridos de conversión mapeados. Validación cliente antes del diseño visual.
3. Diseño visual (semanas 4-5)
Entregable: diseño en Figma de todas las páginas clave + sistema de diseño (tokens de color, tipografía, espaciados, componentes). Mobile y desktop. Validación cliente página por página.
4. Desarrollo (semanas 6-10)
Entregable: sitio funcional en staging, WPML configurado, contenido cargado por idioma, schema markup deployado, Core Web Vitals verdes, accesibilidad validada. Cliente puede navegar y revisar antes del go-live.
5. Lanzamiento controlado (semana 11)
Entregable: go-live con plan de migración 301 (si reemplaza un sitio existente), sumisión Search Console por idioma, monitoreo de errores 24h post-lanzamiento, documentación de gobernanza para el equipo interno. Periodo de garantía y soporte incluido.
Casos prácticos de diseño web
Tres proyectos donde el diseño web era el punto de partida.
TX International Freight (US)
Contexto: transitario en Houston con sitio anticuado que cargaba lento, sin versión móvil decente, sin español funcional. Pipeline comercial dependiente del boca a boca.
Solución: WordPress + WPML reconstruido desde cero, arquitectura por subdirectorio EN/ES, schema FreightForwarder, Core Web Vitals verdes desde el lanzamiento, formulario de cotización con preselección de modo de transporte, integración con su CRM.
Resultado: tiempo de carga reducido a la mitad, mobile traffic convirtiendo por primera vez, solicitudes diarias de cotización duplicadas en 18 meses, pipeline bilingüe estable.
Despacho jurídico en Valencia
Contexto: despacho de abogados en Valencia especializado en derecho mercantil y franquicia, dirigido a tres mercados (España, Francia, Reino Unido). Sitio anterior sin versión multilingüe estructurada, schema legal ausente.
Solución: WordPress + WPML con subdirectorios ES/FR/EN, schema LegalService con membresía ICAV, biografías de abogados estructuradas con credenciales, formulario de contacto cumpliendo RGPD + secreto profesional, recorrido de conversión hacia consulta inicial gratuita.
Resultado: leads recurrentes desde los tres mercados en sus idiomas respectivos, citaciones IA por idioma sobre consultas de derecho mercantil en Valencia, confianza percibida elevada gracias al schema y a las biografías estructuradas.
Bemelman Spuiterij (Hillegom, NL)
Contexto: taller de pintura ISO 9001 certificado en Hillegom (Bollenstreek), clientela mixta B2C y B2B. Sitio anterior plantilla genérica, sin presencia local fuerte, sin schema.
Solución: WordPress con tema personalizado (sin Divi, build ligero), schema LocalBusiness completo con NAP, páginas de servicio dedicadas (autospuiterij, ruitenwagenrestauratie, kleurmatching), páginas por ciudad servida (Hillegom, Lisse, Sassenheim), formulario con upload de fotos para presupuesto, integración WhatsApp Business.
Resultado: presencia en el map pack para consultas «autospuiterij + ciudad» en toda la Bollenstreek, solicitudes diarias por formulario y WhatsApp, rankings orgánicos en consultas long tail de barrios cercanos.
Qué se incluye, qué no
| Servicio | Incluido | No incluido |
|---|---|---|
| Descubrimiento y mapeo de necesidades | ✓ | |
| Elección razonada del stack | ✓ | |
| Wireframes SEO-first por idioma | ✓ | |
| Diseño visual en Figma (sistema de diseño + páginas clave) | ✓ | |
| Desarrollo (WordPress + WPML por defecto, otros stacks bajo demanda) | ✓ | |
| Schema markup completo y validado | ✓ | |
| Core Web Vitals verdes al lanzamiento | ✓ | |
| Plan de migración 301 si reemplaza un sitio existente | ✓ | |
| Periodo de garantía y soporte post-lanzamiento | ✓ | |
| Redacción de contenidos por idioma | ⨯ cubierto por SEO multilingüe | |
| Producción de fotos y vídeos a medida | ⨯ via socios fotógrafos / videastas | |
| Mantenimiento mensual del sitio post-garantía | ⨯ contrato de mantenimiento separado disponible |
Por qué este equipo para diseño web multilingüe
Michael Bastin: 25 años en SEO, traducción y diseño web. Co-fundador de BeTranslated, sitios multilingües desplegados en 12 dominios país. Mi enfoque no parte del Photoshop, parte del SEO y la arquitectura URL.
Conozco WordPress + WPML a fondo (Divi, Bricks, Elementor, tema personalizado). Trabajo Webflow cuando el equipo de marketing quiere editar sin desarrollador. Shopify para ecommerce con Markets multilingüe. Stack a medida cuando tiene sentido.
El diferenciador: integro SEO, multilingüe, rendimiento y cumplimiento legal desde el wireframe. El cliente no recibe un sitio bonito que luego hay que «optimizar». Recibe un sitio que está hecho para convertir desde el día del lanzamiento.
Cómo elijo el stack
Decisión razonada según contexto del cliente.
WordPress + WPML: por defecto. Ecosistema maduro, equipo de marketing puede editar contenido, integraciones con casi cualquier CRM o ERP, posicionamiento SEO probado. Stack de elección para 80% de los proyectos multilingües.
Webflow: equipos de marketing fluidos en herramientas no-code que quieren autonomía total sin pasar por desarrollador. Multilingüe con Webflow Localization. Hosting incluido. Curva de aprendizaje más empinada pero recompensa la autonomía.
Shopify: ecommerce serio con productos digitales o físicos. Shopify Markets para multilingüe + multidivisa. Integración nativa con pasarelas locales (PIX, OXXO, Mercado Pago).
Stack a medida: Next.js, headless CMS, integraciones específicas. Cuando los anteriores no caben en el caso de uso.
Recomendación razonada en 30 minutos de conversación, no en un catálogo de plantillas.
Preguntas frecuentes sobre diseño web
¿Cuánto tarda un sitio multilingüe desde cero?
Sitio estándar de 10-15 páginas con 2-3 idiomas: 8 a 11 semanas del primer brief al lanzamiento. Sitio complejo (ecommerce, integraciones con CRM/ERP, 4+ idiomas): 12 a 16 semanas. Migraciones desde un sitio existente añaden 2-3 semanas para el plan de redirecciones 301 y la importación de contenido. Los plazos se confirman en el alcance, sin estimaciones optimistas que se incumplen.
¿WordPress, Webflow o Shopify?
WordPress + WPML por defecto (mayoría de casos). Webflow cuando el equipo quiere autonomía total para editar sin pasar por desarrollador. Shopify para ecommerce serio con Markets multilingüe. La recomendación se hace tras entender tu contexto comercial, no por preferencia de agencia.
¿Por qué SEO desde el wireframe y no después?
Porque rehacer es siempre más caro que construir bien. La jerarquía Hn, los slugs traducidos, el schema markup, el hreflang y los recorridos de conversión condicionan toda la arquitectura. Decidirlos al final implica rehacer URLs (con redirecciones), rehacer el wireframe (con coste de diseño rehecho), y volver a empezar la indexación. Diseñar SEO-first es la opción económicamente sensata.
¿Cómo garantizas Core Web Vitals verdes al lanzamiento?
Imágenes WebP/AVIF con lazy loading, fonts locales (no Google Fonts CDN), caché LiteSpeed o WP Rocket, minificación CSS/JS, defer scripts no críticos, hosting con servidor cercano al mercado objetivo, monitoreo Real User Monitoring (RUM) post-lanzamiento. Validado en PageSpeed Insights y Search Console antes del go-live.
¿Trabajas con marca existente o haces nueva identidad?
Trabajo con marca existente cuando el cliente la tiene definida (paleta, tipografía, logo, manual de marca). Si no existe, recomiendo una intervención de identidad de marca previa con un diseñador especializado antes de pasar al sitio. No improviso branding en medio de un proyecto de sitio, eso compromete la calidad de ambos resultados.
¿Qué pasa después del lanzamiento?
Periodo de garantía incluido (típicamente 30-60 días según alcance) para corregir bugs detectados después del go-live. Después, contrato de mantenimiento separado disponible para updates de plugins, monitoreo de seguridad, backups, optimizaciones continuas. El cliente nunca se queda solo tras el lanzamiento.
¿Cuánto cuesta un proyecto de diseño web?
Bajo presupuesto. Depende del número de idiomas, complejidad de integraciones, ecommerce o no, alcance de contenido a producir. Primera llamada gratuita: 30 minutos para entender tu contexto y dar un rango honesto. No envío propuesta genérica sin conversación previa.
¿Listo para construir un sitio que convierta?
Empiezo con un descubrimiento honesto: tus objetivos, tu contexto, tus restricciones. Recomendación de stack razonada. Primera llamada gratuita, sin compromiso.
Servicios relacionados: SEO multilingüe · SEO internacional · SEO local