Saltar al contenido principal
Navarting

Navarting

Diseño y desarrollo web

Webs a medida orientadas a comprensión, conversión, accesibilidad, rendimiento, propiedad y evolución.

Una web no debería empezar eligiendo una plantilla ni terminar el día del lanzamiento. Debe explicar una propuesta, orientar decisiones, funcionar en condiciones reales y quedar preparada para medir, mantener y cambiar sin dependencia innecesaria.

Rediseñar o mejorar lo que ya existe

Un rediseño completo puede ser la opción más vistosa y la menos responsable. Antes conviene distinguir:

  • problema de propuesta: el visitante no entiende para quién es o por qué elegirla;
  • problema de arquitectura: las páginas compiten, se ocultan o no conducen a un siguiente paso;
  • problema de experiencia: lectura, navegación, formularios o móvil crean fricción;
  • problema técnico: rendimiento, accesibilidad, seguridad o mantenimiento limitan;
  • problema de adquisición: llega tráfico poco relevante o sin contexto;
  • problema operativo: nadie puede actualizar, medir o responder con consistencia.

Si la estructura es válida, optimizar puede ahorrar coste y riesgo. Si el sistema impide resolver la necesidad, se plantea una reconstrucción con inventario y migración.

La guía sobre cuándo rediseñar y cuándo optimizar desarrolla un árbol de decisión para comparar intervenciones con el mismo objetivo.

Alcance propuesto

Descubrimiento y arquitectura

Objetivos, audiencias, jobs, rutas, contenido existente, intención de búsqueda, CTA, prueba y restricciones. Cada URL debe tener una razón distinta para existir.

Sistema de contenido y marca

Mensajes completos, jerarquía, componentes, estados y reglas. El diseño debe soportar texto largo, falta de imagen, error y datos pendientes; no solo una captura ideal.

Para revisar primero las preguntas de la página, consulta qué necesita una web de servicios para convertir: el marco distingue contenido, prueba y siguiente paso, sin dar por hecho que un cambio visual aumentará contactos.

Desarrollo WordPress a medida

HTML semántico renderizado en servidor, tema propio, plugin para funcionalidad persistente, CSS moderno y JavaScript nativo progresivo. Sin constructor visual ni una SPA para contenido que WordPress resuelve mejor.

Calidad

Teclado, foco, reflow, contraste, reduced motion, lectores de pantalla en recorridos críticos, rendimiento, seguridad, SEO técnico y compatibilidad. Las pruebas de laboratorio no se presentan como datos de campo.

Migración y operación

Inventario, redirecciones, backups, contenido, cuentas, caché, staging, rollback y readback. Un ZIP local o una captura no demuestra que producción esté correctamente actualizada.

Entregables verificables

  • mapa de URLs y redirects;
  • sistema de diseño y componentes;
  • tema y plugin versionados;
  • contenido y claims trazables;
  • formularios con entrega probada o indisponibilidad visible;
  • herramientas/medición con privacidad;
  • pruebas, informe y defectos abiertos;
  • paquetes con hashes;
  • manual de mantenimiento y rollback.

Propiedad y dependencia

La empresa debería conocer y controlar dominio, hosting, WordPress, cuentas, repositorio, archivos fuente, licencias y datos. Las credenciales no se guardan en Git ni se entregan dentro de documentos. El cierre incluye acceso, documentación y artefactos anteriores.

Rendimiento con contexto

Objetivos de referencia: LCP ≤2,5 s, INP ≤200 ms y CLS ≤0,1 en el percentil 75 cuando existan datos de campo suficientes. El diseño establece también presupuestos de CSS, JavaScript, fuentes e imagen, pero no sacrifica comprensión para obtener una cifra aislada.

Encaje

Puede encajar si existe una decisión, una persona responsable, acceso al estado actual y voluntad de validar contenido. No encaja un lanzamiento sin datos legales, una migración sin backup o una promesa de posición/ventas.

Evaluar la web actual

La solución de conversión ofrece un diagnóstico por capas antes de decidir si optimizar o rediseñar.

Revisar por qué la web no convierte