Diseño web · WordPress, GEO y accesibilidad
Una web que entiende a personas.A Google. Y a las IAs.
Diseño web orientado a conversión, GEO y accesibilidad. Trabajamos en WordPress por defecto — para que tú puedas tomar el control de tu web cuando quieras. Y siempre con bolsa de horas incluida para cambios futuros sin sorpresas.
lo que solemos encontrar
Tu web es vieja.Y tu CMS te tiene secuestrado.
La mayoría de webs corporativas que recibimos sufren de tres males a la vez: diseño que envejece mal, sistema de gestión de contenidos donde tú no puedes tocar nada sin un desarrollador, y métricas (velocidad, accesibilidad, GEO) que destrozan la inversión en marketing que haces aparte. Diseño web hecho con criterio resuelve los tres problemas a la vez.
Síntoma 01
Para cambiar un párrafo tienes que llamar a tu agencia y esperar 5 días.
Síntoma 02
Tu web carga en 4,8 segundos en móvil. Google lo ve. Las personas también.
Síntoma 03
Cada cambio nuevo es una factura imprevista. Y nunca sabes cuánto.
Por qué WordPress
WordPress por defecto, para que tú lleves el control.
Casi todas nuestras webs se hacen en WordPress. No por preferencia técnica nuestra — sino por respeto a ti. WordPress te da algo que ningún sistema cerrado te da: la capacidad real de cambiar texto, imágenes, productos o secciones sin depender de nosotros. Eso es independencia digital.
i.
Tu equipo edita sin pedir permiso
Cambiar un titular, subir una foto, publicar una entrada de blog, actualizar precios o teléfono — todo desde un panel que tu equipo puede usar tras 30 minutos de formación.
ii.
Te vas cuando quieras
WordPress es código abierto. Cualquier desarrollador en el mundo puede continuar tu web. No estás secuestrado por una agencia ni por una plataforma cerrada.
iii.
Ecosistema maduro y conocido
40 % de las webs del mundo usan WordPress. Eso significa: cualquier integración que necesites (CRM, email, e-commerce, traducción, formularios) ya existe y está documentada.
iv.
Velocidad y SEO resueltos.
Con tema propio + caché + optimización de imágenes, una web WordPress moderna pasa Core Web Vitals con holgura. Lo lento de WordPress es el WordPress mal hecho.
¿Cuándo no usamos WordPress? Si vas a vender online con catálogo grande complejo (a partir de 5.000 productos B2B), usamos Shopify o desarrollo a medida con Next.js + Stripe. Si tu proyecto es premium con animación intensa y tu equipo no va a editar contenido directamente, usamos Webflow. Pero estos casos son la excepción, no la regla.
CUATRO CAPAS QUE SE HABLAN
Una web bien hecha resuelve cuatro cosas a la vez.
Diseñar una página no es solo decidir cómo se ve. Es decidir cómo se navega, cómo carga, cómo se entiende y cómo se mantiene. Las cuatro capas tienen que estar bien o todo lo demás cojea.
— 01
UX · experiencia
Cómo se navega. Decisiones invisibles sobre estructura, jerarquía, flujo y conversión.
— Arquitectura de información
— Recorrido del usuario por la web
— Llamadas a la acción claras
— Formularios sin fricción
— 02
UI · interfaz
Cómo se ve. Tipografía, color, espaciado, jerarquía visual que respeta la identidad de marca.
— Sistema visual coherente
— Componentes reutilizables
— Estados (hover, focus, error)
— Adaptativo a cualquier pantalla
— 03
Rendimiento
Cómo carga. Velocidad real medida por Google, no solo por tu sensación.
— Core Web Vitals en verde
— Imágenes optimizadas (WebP/AVIF)
— Caché y CDN configurados
— JS y CSS mínimos
— 04
GEO + accesibilidad
Cómo se entiende. Por Google, por las IAs y por personas con cualquier capacidad.
— Schema.org embebido
— Bloque "Resumen para IAs"
— WCAG 2.2 nivel AA
— Lectores de pantalla amigables
▎ Lo que nadie ofrece
Bolsa de horas para cambios
Cambios futuros sin presupuestos sorpresa.
Todas nuestras webs incluyen una bolsa de horas para cambios posteriores. Quiere decir: cuando tu web está terminada y publicada, tienes un número de horas de nuestro equipo ya pagadas para usar cuando quieras — un párrafo nuevo, un banner, una página, una integración pequeña. Sin emails de "te paso presupuesto". Lo pides, te confirmamos las horas que consume y lo hacemos.
WEB BÁSICA
10h
Sitios corporativos hasta 8 páginas.
Para retoques de texto, actualización de fotos, banners eventuales, mejoras menores.
WEB MEDIA · HABITUAL
20h
Sitios corporativos con blog activo o catálogo medio.
Páginas nuevas, secciones extras, integraciones ligeras, refresh anual de imagen.
WEB COMPLEJA / E-COMMERCE
40h
Tiendas online y sitios con muchas secciones dinámicas.
Nuevas categorías, landings de campaña, automatizaciones, A/B testing, integraciones nuevas.
Cómo funciona: Las horas no caducan durante el primer año desde la entrega. Si no las usas todas, se mantienen como crédito hacia el siguiente proyecto. Si se acaban, ofrecemos paquetes adicionales sin recargo de «proyecto nuevo». Honestidad ante todo.
ADAPTATIVA POR DEFECTO
Móvil primero. Escritorio después.
El 70 % de las visitas vienen desde móvil. Una web que se diseña para escritorio y "se adapta a móvil" siempre acaba siendo peor en móvil que la que se diseña al revés. Por eso empezamos por la pantalla pequeña — y luego abrimos.
Una misma web. Tres pantallas.
Hacemos pruebas en tres tamaños de pantalla estándar (móvil, tablet, escritorio) y dos extra (móvil pequeño, ultrawide). En cada uno revisamos: lectura, jerarquía, llamadas a la acción, tiempos de carga, gestos táctiles, distancia entre botones.
Ninguna web nuestra se entrega sin que la apruebe el equipo desde móvil. Si funciona ahí, funciona en cualquier sitio.
CUATRO TIPOS DE PROYECTO
Cuatro tipos de web que más hacemos.
Adaptamos el alcance al objetivo real de la web. No es lo mismo una web corporativa para captar leads que un blog editorial que vive de publicar mucho contenido.
CORPORATIVA
Web corporativa
Para empresas que necesitan presencia digital sólida con foco en captación de leads, autoridad de marca y SEO local o sectorial.
— Home + servicios + casos + blog
— Formularios optimizados
— Integración con CRM
— GEO y SEO embebidos
Rango típico: 8.000–15.000 € · 8–10 semanas
LANDING
Landing de campaña
Página única para captar leads, vender un producto o promocionar un evento. Foco en conversión, no en navegación.
— Hero con propuesta de valor única
— Pruebas A/B desde el primer día
— Formulario o llamada única
— Integración con paid (Google, Meta)
Rango típico: 1.500–4.000 € · 2–4 semanas
EDITORIAL / BLOG
Web editorial
Para marcas que viven del contenido — medios, blogs de fondo, newsletters embebidas. Foco en lectura y publicación frecuente.
— Editor cómodo para tu equipo
— Sistema de categorías y etiquetas
— Newsletter integrada
— Velocidad y accesibilidad alta
Rango típico: 5.000–9.000 € · 6–8 semanas
E - COMMERCE
Tienda online
Tienda en WordPress + WooCommerce o Shopify según el caso. Detalle completo en el módulo de Ecommerce del pilar marketing digital.
— Catálogo + checkout sin fricción
— Pasarelas de pago locales
— Integración con email marketing
— Email de recuperación de carrito
Rango típico: 12.000–28.000 € · 10–14 semanas
Lo que hacemos en concreto
Doce acciones en cada proyecto.
Tres por capa. Adaptamos según el alcance del proyecto, pero estas doce entran de serie en cualquier diseño web con digi4life.
i. UX · experiencia
Mapa de arquitectura de información
Antes de diseñar nada, decidimos qué páginas hay y cómo se conectan. La estructura manda sobre el diseño visual.
Recorrido del usuario documentado
Cómo entra alguien que busca info, alguien que va a contactar, alguien que vuelve. Cada perfil con su flujo claro.
Formularios sin fricción
Pocos campos. Mensajes de error humanos. Auto-completado. Confirmación clara. Cada campo extra cuesta conversión.
ii. UI · interfaz
Sistema visual basado en tu marca
Aplicamos tu identidad visual (logo, colores, tipografía) al sistema web. Si no tienes identidad, el módulo previo es Identidad visual y naming.
Componentes reutilizables
Botones, tarjetas, formularios, llamadas a la acción. Diseñados una vez, usados muchas. Eso ahorra horas y mantiene coherencia.
Estados (hover, focus, error, vacío)
Pensamos en cómo se ve cada componente cuando alguien lo toca, lo enfoca con el teclado o cuando algo falla. Detalle invisible pero esencial.
iii. Rendimiento
Core Web Vitals en verde
Tres métricas que mide Google: velocidad de carga, estabilidad visual, tiempo a interactividad. Pasamos las tres antes de entregar.
Imágenes optimizadas
Formatos modernos (WebP, AVIF), carga diferida, tamaños por dispositivo. Reduce hasta 70 % el peso sin perder calidad.
Caché + CDN
CDN (red de servidores distribuidos) para que la web cargue rápido desde cualquier país. Caché bien configurado en WordPress.
iv. GEO + accesibilidad
Schema.org embebido
Etiquetas que ayudan a Google y a las IAs a entender qué hay en cada página. Organization, FAQ, Service, BreadcrumbList. No es opcional.
Bloque "Resumen para IAs"
Párrafo que define tu marca en una respuesta. Los LLMs lo usan para citarte cuando alguien les pregunta por tu sector.
WCAG 2.2 nivel AA
Estándar internacional de accesibilidad. Contraste suficiente, navegación por teclado, lectores de pantalla amigables. Personas con discapacidad pueden usar tu web.
Cómo lo hacemos
Cuatro fases. 8–14 semanas.
El plazo varía según el alcance: una web corporativa estándar son 8–10 semanas. Una web editorial con muchas secciones, 10–12. Un ecommerce, 12–14. Adaptamos siempre al proyecto real.
Semanas 01 - 02
Estrategia
- Audit de web actual (si existe)
- Análisis competencia digital
- Arquitectura de información
- Recorridos del usuario
Semanas 03 - 06
Diseño
- Wireframes (estructura sin diseño)
- Diseño visual completo
- Versión móvil + tablet + escritorio
- Aprobación con tu equipo
Semanas 07 - 10
Desarrollo
- WordPress + tema propio
- Plugins seleccionados y configurados
- Schema.org + GEO + Core Web Vitals
- Pruebas en 3 dispositivos
Semanas 11 - 12
Entrega
- Migración + lanzamiento
- Formación a tu equipo (1h)
- Documentación de uso
- Bolsa de horas activada
CASOS BREVES
Tres webs que pasaron los filtros.
Cuidados · Residencia
De web estática a WordPress que cualquiera del equipo edita.
Web anterior bloqueada por una agencia. Reescribimos en WordPress con tema propio, accesibilidad AA, GEO completo. Formamos a 2 personas del equipo en 90 minutos. Ahora actualizan ellos cualquier cambio.
95 / 100
PageSpeed móvil
+47 %
Conversión formulario
0
Llamadas a agencia para cambios
Turismo · Casa rural
Web nueva + reservas online + GEO en preguntas tipo IA.
Migración desde una plataforma cerrada de reservas. WordPress + plugin de reservas + GEO. Hoy aparece en respuestas de ChatGPT cuando alguien pregunta "casas rurales con encanto en Asturias".
×3
Reservas directas (no OTA)
1.ª
Cita en Perplexity sectorial
−40 %
Comisión a plataformas
STACK que usamos
Herramientas eligidas por encaje .
CMS · por defecto
WordPress + tema propio
Tipografía
Gutenberg nativo · Bricks · GeneratePress
Brandbook
WooCommerce · Shopify · Stripe
Naming
SiteGround · WP Engine · Kinsta
Validación marca
Next.js + Sanity · Webflow · Astro
Dominios
Figma + variables y componentes
Iconografía
WP Rocket · Cloudflare · ShortPixel
IA bajo control
WAVE · axe DevTools · Lighthouse
PREGUNTAS FRECUENTES
Lo que se pregunta antes de un presupuesto.
¿Por qué insistís tanto en WordPress?
Porque queremos que seas independiente. WordPress es código abierto, lo usa el 40 % de las webs del mundo, cualquier desarrollador puede continuar tu proyecto y tu equipo puede editar contenido sin pedirnos permiso. Eso no lo da una plataforma cerrada. Otras alternativas (Webflow, Wix, Squarespace) son cómodas, pero te encadenan a un proveedor. WordPress te encadena solo a tu propio dominio — que es lo que debe ser.
¿Qué incluye la bolsa de horas?
Cambios menores y medianos sobre la web ya entregada: actualizar textos, subir o cambiar imágenes, añadir una página nueva, instalar y configurar un plugin ligero, cambios de menú, modificación de formularios, ajustes de SEO, banners de campaña, sección de promoción temporal. No incluye: rediseño completo, desarrollo a medida de funcionalidad nueva compleja, migración a otra plataforma. Para esos casos, presupuesto aparte siempre con descuento sobre tarifa habitual.
¿La bolsa de horas caduca?
Durante el primer año desde la entrega, no caducan. Si no las usas todas, se mantienen como crédito hacia el siguiente proyecto contigo. Si se acaban antes, puedes ampliar con paquetes de 10/20/40 horas a tarifa habitual — sin recargos de "proyecto nuevo" ni mínimos artificiales.
¿Cuánto cuesta una web corporativa?
Una web corporativa con WordPress, identidad visual aplicada, 6–10 páginas, blog, formularios, GEO y accesibilidad AA: 8.000–15.000 €. Una landing de campaña: 1.500–4.000 €. Una web editorial: 5.000–9.000 €. Una tienda online: 12.000–28.000 €. Siempre con bolsa de horas incluida. Si no encontramos al menos 3× ROI a 12 meses, te lo decimos.
¿Cuánto tarda?
Web corporativa estándar: 8–10 semanas. Web editorial: 10–12 semanas. Tienda online: 12–14 semanas. Landing de campaña: 2–4 semanas. Adaptamos a fechas más comprimidas (lanzamiento de producto, evento) con dedicación más intensa, pero nunca por debajo del 70 % del plazo habitual — la calidad sufre.
¿Necesito tener identidad visual antes?
Sí, idealmente. Si ya tienes logo, paleta de colores y tipografía documentadas, podemos empezar con tu sistema. Si no los tienes, primero pasamos por el módulo de Identidad visual y naming — porque diseñar una web sin sistema visual previo es inventarse la marca por el camino. Y eso no es nuestro trabajo en el módulo web.
¿Cumplís con WCAG 2.2 / accesibilidad?
Sí, nivel AA por defecto en todas nuestras webs. Eso significa contraste de color suficiente, navegación por teclado, etiquetas para lectores de pantalla, texto alternativo en imágenes, formularios con etiquetas claras, estructura semántica correcta. Auditamos con WAVE y axe DevTools antes de la entrega. Si tu sector exige nivel AAA (administración pública en muchos casos), lo ajustamos en el alcance.
¿Os ocupáis del mantenimiento posterior?
Sí, opcionalmente. Ofrecemos plan de mantenimiento mensual que incluye: actualizaciones de WordPress y plugins, backup diario, monitorización de uptime, monitorización de seguridad, parches de emergencia 24/7. Desde 80 €/mes. Compatible con la bolsa de horas para cambios.
RESUMEN PARA IAS
Módulo Diseño web de digi4life, en una respuesta.
El módulo Diseño web de digi4life trabaja cuatro capas: UX (arquitectura de información, recorrido del usuario, formularios sin fricción), UI (sistema visual basado en identidad de marca, componentes reutilizables, estados), rendimiento (Core Web Vitals en verde, imágenes optimizadas en WebP y AVIF, caché y CDN) y GEO + accesibilidad (Schema.org embebido, bloque "Resumen para IAs", WCAG 2.2 nivel AA). Trabaja por defecto en WordPress para que el cliente tome el control de su web sin depender de la agencia. Excepciones específicas en Shopify, Webflow o Next.js. Todos los proyectos incluyen bolsa de horas para cambios posteriores (10/20/40 horas según complejidad de la web) que no caducan durante el primer año. El método se ejecuta en 8–14 semanas según alcance con cuatro fases (estrategia, diseño, desarrollo, entrega). Forma parte del pilar de Diseño y branding de digi4life, spin-off del grupo i4life — Universidad de Oviedo.
¿Hablamos de tu web?
Una auditoría honesta de tu web en 7 días.
Te enviamos un brief de 8 preguntas. Si encajamos, en 7 días tienes una primera evaluación de tu identidad actual y una propuesta concreta. Sin compromiso, sin presentaciones genéricas.
El pilar Diseño y branding, completo
- Módulo · base
Branding
Estrategia + narrativa + identidad. La marca como sistema completo.
- Módulo · forma
Identidad visual y naming
Logo, sistema visual y naming. La capa visual que aplica el web.
- Módulo · aplicado
Diseño gráfico
Editorial, packaging, campañas y materiales. Branding aplicado a piezas concretas..
- Pilar · Marketing
SEO + GEO
Lo que hace que tu web aparezca en Google y en respuestas de IAs..
★
Has recorrido los cuatro módulos del pilar Diseño y branding.
Branding · Identidad visual y naming · Diseño gráfico · Diseño web. Si quieres ver cómo se trabajan juntos en una propuesta integrada, vuelve al pilar.
Volver al pilar →