Una reestructuración web para presentar, explicar y captar
Esta reestructuración web conectó posicionamiento, arquitectura, contenido, diseño, SEO, accesibilidad y WordPress alrededor de una propuesta clara: diagnosticar, diseñar e implementar sistemas digitales para negocios.
Captura real de una versión publicada durante la reestructuración.
01 · El cambio estratégico
Qué cambió con esta reestructuración web
El sitio anterior concentraba contenido educativo sobre inteligencia artificial. La nueva arquitectura conserva Blog y Recursos, pero organiza el recorrido principal para que un negocio entienda qué hace Jose, cómo trabaja, qué ha construido y cómo solicitar una revisión.
Antes
Una audiencia amplia interesada en IA, aprendizaje y recursos.
Contenido como eje principal.
Servicios con menor claridad.
Pocas rutas hacia evidencia y diagnóstico.
→
Ahora
Una plataforma híbrida de marca personal, servicios y contenido.
Sistemas digitales como categoría.
Diagnóstico antes de la herramienta.
Casos, método y revisión conectados.
02 · Arquitectura
Cada pregunta importante recibió una página responsable
La Home dejó de intentar explicarlo todo. El sistema distribuye intención, profundidad y siguientes pasos entre páginas conectadas.
ENTENDER
Inicio
Qué hace Jose y alrededor de qué problemas.
EVALUAR
Servicios
Qué puede diagnosticarse, implementarse y mantenerse.
CONFIAR
Casos
Qué experiencia puede comprobarse y con qué límites.
DECIDIR
Cómo trabajo
Cómo se reduce riesgo antes y durante el proyecto.
ACTUAR
Revisión inicial
Cómo compartir el problema y evaluar encaje.
03 · Sistema editorial y visual
Las páginas comparten reglas, pero no una plantilla rígida
La identidad usa fondo navy, tipografía clara, cian para estructura y naranja para acciones. Los documentos editoriales definen voz, evidencia, SEO, búsquedas con IA y apoyos visuales según el propósito de cada página.
MENSAJE
Una oferta comprensible
Sistemas digitales conecta web, captación, seguimiento, automatización, IA y operación.
DISEÑO
Componentes reutilizables
Jerarquías, botones, tarjetas, diagramas y estados coherentes dentro de Elementor.
CONTENIDO
Profundidad por propósito
Servicios convierten, casos demuestran y artículos enseñan sin repetir la misma estructura.
04 · Evidencia publicada
El sistema se comprueba recorriendo páginas reales
Las capturas muestran responsabilidades distintas conectadas por la misma dirección visual y una llamada a la acción coherente.
CasosClasifica proyectos por estado y evidencia, y conduce hacia páginas individuales.Revisión inicialConvierte la propuesta en un siguiente paso concreto.InicioResume la propuesta y distribuye hacia el sistema.
05 · Implementación responsive
El sistema debía conservar sentido en pantallas pequeñas
La implementación se realizó con WordPress, Astra y Elementor mediante bloques HTML, CSS y JavaScript controlados.
Jerarquías y diagramas adaptados a móvil.
Texto importante conservado como contenido seleccionable.
Movimiento reducido según preferencias del visitante.
Pruebas visuales en escritorio y celular.
Navegación, foco y contraste revisados por página.
06 · Participación de Jose
Decisiones humanas con apoyo de IA
01
Contexto y dirección Jose definió objetivos, experiencia, oferta, límites y prioridades del sitio.
02
Validación estratégica Revisó posicionamiento, arquitectura, mensajes y decisiones visuales en cada fase.
03
Implementación Montó y ajustó las páginas dentro de WordPress y Elementor.
04
IA como apoyo La IA apoyó investigación, redacción, diseño, código y revisión; Jose conservó la decisión y validación final.
Qué demuestra este caso
Investigación y posicionamiento antes del diseño.
Arquitectura de información para un sitio híbrido.
Sistema editorial, visual y técnico documentado.
Implementación real con restricciones de WordPress.
Iteración mediante revisión visual y pruebas responsive.
