Rediseño de página web

Resumen

PIZZOLANTE necesita un sitio más rápido, claro y fácil de operar. No solo una mejora visual. El sitio debe responder mejor a la reputación de la firma, al volumen de contenido que produce y a la necesidad de moverse con más autonomía durante el aniversario 50 y las iniciativas que vendrán después.

Esta propuesta cubre un rediseño completo del sitio web, con una experiencia editorial más clara y un sistema de gestión de contenido que permita al equipo actualizar contenido, imágenes, artículos, páginas, eventos y recursos desde una interfaz administrativa.

La propuesta también cubre temas que no conviene dejar para después: seguridad, plan de respaldo, prevención de caídas, manejo de idiomas y accesibilidad.

El resultado esperado es un sitio más rápido, más estable y más manejable para el equipo de PIZZOLANTE.

Contexto

En la reunión con Edgar aparecieron necesidades concretas:

• El sitio actual carga lento y eso ya se percibe como el problema más crítico.
• La estructura visual y de contenido necesita modernizarse.
• El equipo quiere un sitio más limpio, simple, estético y comparable con referencias como LLYC y McKinsey.
• Edgar necesita mayor capacidad de actualización sin depender de terceros para cada cambio.
• Los podcasts actuales no están bien integrados visualmente.
• El aniversario 50 puede requerir páginas, campañas, eventos, estudios y contenido especial durante un año.
• El sitio debe conservar la capacidad de publicar artículos, noticias, vacantes y nuevos contenidos.
• Puede existir interés futuro en productos digitales o contenidos pagos.
• La solución no debe poner en riesgo el correo corporativo ni la operación actual.

La propuesta de rediseño toma esos puntos como base. El foco no es hacer "otra web". Es crear una plataforma de comunicación que PIZZOLANTE pueda sostener y hacer crecer.

Alcance

Esta propuesta cubre el rediseño y desarrollo de un nuevo sitio web para PIZZOLANTE.

1. Descubrimiento, arquitectura y plan de migración

Antes de diseñar pantallas, se ordenará el sitio.

El trabajo incluye:

1. Revisión del sitio actual y sus principales secciones.
2. Inventario de páginas, contenidos editoriales, podcasts, eventos, formularios y recursos descargables.
3. Revisión de páginas con valor SEO para proteger URLs importantes.
4. Definición de la nueva arquitectura de información.
5. Definición de tipos de contenido para el CMS.
6. Plan de migración de contenido.
7. Plan de redirecciones para preservar tráfico orgánico.
8. Revisión de necesidades de idioma, accesibilidad, seguridad y operación.

El entregable será un documento de arquitectura y alcance funcional aprobado antes de pasar al diseño final.

2. Diseño UI/UX

Se diseñará una experiencia visual más clara, moderna y editorial.

El diseño buscará:

• Transmitir solidez institucional sin sentirse pesado.
• Dar más protagonismo a conocimiento, análisis y pensamiento.
• Mejorar la lectura en mobile.
• Ordenar navegación, jerarquía y llamadas a la acción.
• Presentar mejor artículos, newsletters, podcasts, eventos y estudios.
• Crear una base visual que pueda acompañar el aniversario 50 sin quedar limitada a esa campaña.

El diseño se trabajará en Figma e incluirá las páginas y componentes principales necesarios para aprobar la experiencia antes de construir.

3. Gestión de contenido y autonomía editorial

La propuesta contempla una solución de gestión de contenido que le dé a PIZZOLANTE una interfaz administrativa para actualizar contenido sin tocar código.

La decisión específica sobre herramientas se validará durante la fase de descubrimiento, considerando necesidades editoriales, seguridad, mantenimiento, hosting, escalabilidad y facilidad de uso para el equipo.

El objetivo es separar dos necesidades:

1. El sitio público, optimizado para velocidad, SEO y experiencia.
2. La administración interna, donde el equipo gestiona contenido, imágenes, páginas y recursos.

Esto no obliga a PIZZOLANTE a depender de un desarrollador para cada cambio de texto o imagen. También permite crecer hacia nuevos módulos en el futuro, como biblioteca de estudios, contenidos pagos o integraciones de marketing, sin cerrar desde ahora decisiones técnicas que conviene validar con el alcance completo.

4. Desarrollo del nuevo sitio

El sitio se construirá con una base preparada para mejorar velocidad, estabilidad y mantenimiento.

El alcance incluye:

• Sitio web optimizado para SEO y rendimiento.
• Integración con el sistema de gestión de contenido definido durante el proyecto.
• Componentes reutilizables para páginas editoriales, institucionales y campañas.
• Páginas principales del sitio.
• Plantillas para artículos, podcasts, eventos y recursos.
• Formularios de contacto o captación según definición.
• Configuración base de analítica.
• Preparación para despliegue en hosting administrado.
• Migración de contenido acordado en el inventario.

5. Seguridad

La nueva plataforma incluirá una capa básica de seguridad desde el diseño técnico.

Incluye:

1. Separación entre CMS y sitio público.
2. Accesos administrativos con roles y permisos.
3. Uso de HTTPS.
4. Manejo seguro de variables, claves y credenciales.
5. Revisión de dependencias.
6. Protección básica contra abuso en formularios.
7. Configuración de respaldos y acceso limitado a ambientes.
8. Recomendaciones para autenticación reforzada si PIZZOLANTE desea una política más estricta.

6. Plan de respaldo

El proyecto incluirá una estrategia de respaldo para reducir el riesgo operativo.

El plan contempla:

• Backups automáticos del CMS y base de datos.
• Respaldo de archivos subidos al CMS.
• Retención mínima acordada.
• Procedimiento de recuperación documentado.
• Validación inicial de que los respaldos se generan correctamente.
• Recomendación de frecuencia según criticidad del sitio.

7. Prevención de caídas

El sitio debe estar preparado para campañas, picos de tráfico y momentos importantes como el aniversario 50.

El alcance incluye:

1. Hosting recomendado para frontend y CMS.
2. Uso de cache y despliegue optimizado para páginas públicas.
3. Separación entre edición de contenido y entrega del sitio al usuario.
4. Monitoreo básico de disponibilidad.
5. Manejo controlado de errores.
6. Plan de lanzamiento para reducir riesgo en el cambio de DNS.
7. Revisión de registros de correo antes de cualquier cambio de dominio.

La meta es evitar que una falla del CMS afecte innecesariamente la experiencia pública del sitio.

8. Manejo de idiomas

PIZZOLANTE opera en varios mercados y puede necesitar contenido en más de un idioma.

La propuesta incluye una base de manejo multilenguaje:

• Estructura para versiones de contenido por idioma.
• URLs limpias por idioma, por ejemplo /es y /en si aplica.
• Campos traducibles en el CMS.
• Metadatos SEO por idioma.
• Navegación preparada para alternar idioma.
• Reglas para contenidos que no tengan traducción disponible.

El alcance exacto de traducción no incluye redacción ni traducción de textos. Cubre la capacidad técnica y editorial para administrarlos.

9. Accesibilidad

La accesibilidad se considerará desde el diseño y desarrollo, no como revisión tardía.

El alcance incluye prácticas alineadas a WCAG 2.1 AA cuando apliquen al sitio:

• Contraste adecuado en textos y botones.
• Tamaños de texto legibles.
• Jerarquía correcta de encabezados.
• Navegación por teclado en componentes principales.
• Estados de foco visibles.
• Textos alternativos para imágenes administrables desde el CMS.
• Formularios con etiquetas claras y mensajes de error comprensibles.
• Revisión básica con herramientas automáticas y pruebas manuales puntuales.

Esto ayuda a que el sitio sea más usable para más personas y reduce riesgos futuros cuando accesibilidad se vuelva un requisito más visible en proyectos corporativos.

10. SEO técnico y migración

El sitio actual tiene contenido editorial acumulado. Ese activo debe protegerse.

El alcance incluye:

• Inventario de URLs importantes.
• Revisión de estructura de títulos.
• Metadatos administrables desde el CMS.
• Open Graph para compartir en redes.
• Sitemap.
• Robots.txt.
• Redirecciones 301 para URLs relevantes.
• Revisión de indexación.
• Estructura limpia para artículos, podcasts, eventos y recursos.
• Preparación de datos estructurados cuando aplique.

11. Podcasts y contenido editorial

Los podcasts necesitan sentirse como parte del sitio, no como piezas pegadas.

El rediseño incluirá:

• Plantilla para podcast.
• Plantilla para episodio.
• Imagen, descripción, enlace de escucha y contenido relacionado.
• Posibilidad de conectar episodios con artículos, autores o temas.
• Mejor experiencia mobile para consumo y descubrimiento.

12. Funcionalidades futuras

Se dejará una base técnica preparada para crecer.

Posibles extensiones futuras:

• Productos digitales o contenidos pagos.
• Biblioteca de estudios y reportes.
• Formularios avanzados de captación.
• Integraciones con CRM o herramientas de email marketing.
• Buscador avanzado.
• Segmentación por país, industria o tema.
• Páginas especiales para campañas del aniversario 50.

Estas funcionalidades no se incluyen como desarrollo completo en esta propuesta, salvo que se aprueben como alcance adicional.

Enfoque

Proponemos ejecutar el rediseño en un plan acelerado de máximo 4 semanas, con decisiones rápidas y aprobaciones consolidadas en cada fase.

Semana 1: Descubrimiento, arquitectura y dirección visual

• Revisión del sitio actual.
• Inventario priorizado de contenido.
• Definición de arquitectura de información.
• Definición de tipos de contenido para el CMS.
• Plan SEO y migración.
• Plan técnico de hosting, backups, seguridad e idiomas.
• Dirección visual inicial y componentes base.

Semana 2: Diseño UI/UX y configuración CMS

• Diseño de páginas y componentes principales en Figma.
• Revisión con PIZZOLANTE.
• Ajustes sobre una ronda consolidada.
• Aprobación rápida de diseño.
• Configuración inicial del CMS.
• Modelado de contenidos principales.

Semana 3: Desarrollo e integración

• Desarrollo del frontend.
• Integración entre frontend y CMS.
• Implementación de plantillas y componentes.
• Configuración de seguridad, backups, SEO técnico y analítica.
• Carga inicial del contenido priorizado.

Semana 4: Migración, QA y lanzamiento

• Migración del contenido acordado para lanzamiento.
• Redirecciones.
• QA funcional, responsive, accesibilidad y rendimiento.
• Revisión de DNS y correo.
• Despliegue controlado.
• Documentación y capacitación.

Tiempo total máximo estimado: 4 semanas, sujeto a aprobaciones rápidas, entrega oportuna de accesos y priorización del contenido crítico para lanzamiento.

Entregables

Estrategia y arquitectura

• Documento de arquitectura de información.
• Inventario de contenidos y URLs críticas.
• Modelo de contenidos para el CMS.
• Plan de migración.
• Plan de redirecciones.
• Recomendaciones de hosting y despliegue.

Diseño

• Diseño UI en Figma.
• Componentes principales.
• Diseño responsive para pantallas clave.
• Base visual para páginas editoriales, institucionales y campañas.

CMS y desarrollo

• Sistema de gestión de contenido configurado para administración editorial.
• Frontend público integrado al CMS.
• Páginas principales del sitio.
• Plantillas para artículos, podcasts, eventos y recursos.
• Campos SEO administrables.
• Roles básicos de administración de contenido.
• Formularios definidos en alcance.

Seguridad, continuidad y calidad

• Configuración de HTTPS.
• Revisión básica de seguridad.
• Plan de respaldo documentado.
• Monitoreo básico recomendado.
• Configuración para prevenir caídas por picos de tráfico.
• QA responsive.
• Revisión básica de accesibilidad.
• Revisión de rendimiento.
• Revisión de SEO técnico.
• Plan de lanzamiento.

Capacitación y cierre

• Documentación de uso del CMS.
• Sesión de capacitación para el equipo responsable.
• Entrega de accesos y documentación técnica.
• Soporte post lanzamiento de 15 días para ajustes menores relacionados con el despliegue.

Propuesta económica

La siguiente estimación se basa en el alcance descrito. El precio final está sujeto a confirmación durante la fase de descubrimiento, especialmente por volumen de contenido, cantidad de idiomas, número final de plantillas y profundidad de migración.

Forma de pago sugerida

Supuestos

• PIZZOLANTE entregará accesos al sitio actual, hosting, dominio, Search Console, Analytics y cualquier repositorio o cuenta necesaria.
• PIZZOLANTE proveerá textos finales, imágenes, lineamientos de marca y aprobaciones internas.
• No se incluye redacción ni traducción de contenido.
• La migración cubre el contenido acordado durante inventario. Si el volumen es mayor al esperado, se ajustará alcance.
• El manejo de idiomas incluye estructura técnica y CMS, no traducción.
• Productos digitales, pagos, ecommerce completo o integración avanzada de CRM quedan fuera del alcance inicial.
• El correo corporativo se protegerá durante cualquier cambio de DNS, pero la administración del proveedor de correo depende de accesos y configuraciones existentes.
• La accesibilidad se trabajará con buenas prácticas y revisión base. Una certificación formal de accesibilidad requeriría auditoría externa o alcance adicional.
• Hosting, dominio, licencias, servicios de terceros y costos de infraestructura no están incluidos.
• El soporte post lanzamiento cubre ajustes menores relacionados con el despliegue, no nuevas funcionalidades.

Próximos pasos

1. Revisar esta propuesta y confirmar alineación sobre alcance, enfoque, timeline y presupuesto.
2. Confirmar si el sitio se trabajará inicialmente en español solamente o con base multilenguaje desde el lanzamiento.
3. Compartir accesos al sitio actual, dominio, hosting, Search Console y Analytics.
4. Definir responsables de aprobación por parte de PIZZOLANTE.
5. Iniciar la fase de descubrimiento y arquitectura.
6. Validar si alguna funcionalidad futura, como productos digitales o campañas del aniversario 50, debe entrar en el alcance inicial.