Plantilla de diagrama de Gantt de proyecto web: de la auditoría a la publicación
Diagrama de Gantt editable de un proyecto web: auditoría, mapa del sitio, wireframes, diseño, desarrollo, contenidos, QA y puesta en línea, con dependencias e hitos. Cambia una duración y las fechas se ajustan.
¿Qué es plantilla de diagrama de gantt de proyecto web: de la auditoría a la publicación?
Los proyectos web se retrasan por la misma razón: el diseño está terminado y las páginas están vacías. Escribir es más lento de lo que nadie espera, depende de personas ajenas al proyecto y suele empezar después de aprobar el diseño en lugar de antes. Un diagrama de Gantt hace visible esa espera y muestra qué cambia si los contenidos empiezan antes.
Esta plantilla tiene cinco fases: Descubrimiento, Diseño, Desarrollo, Contenidos y Lanzamiento. La decisión clave es que el briefing de contenidos depende del mapa del sitio y no del diseño terminado, de modo que los textos y las imágenes se producen mientras se hacen los wireframes y el diseño visual. «Carga de contenidos en el CMS» espera entonces a las plantillas, los textos y los archivos multimedia, así que el más largo de los tres fija la fecha.
La auditoría y las entrevistas con las partes interesadas se solapan, y las entrevistas empiezan dos días después del inicio de la auditoría. «Redirecciones y revisión SEO» se hacen antes de «Puesta en línea» y no después, porque migrar desde un sitio existente sin redirecciones pierde un tráfico difícil de recuperar.
Las duraciones son valores de ejemplo en días laborables. En un sitio grande, los contenidos y su carga pueden ser las tareas más largas del plan; mira cómo se mueve el cronograma si se duplican.
Qué cubre este diagrama de flujo
En esta plantilla
- Cinco fases, Descubrimiento, Diseño, Desarrollo, Contenidos y Lanzamiento, con 17 tareas y dos hitos: «Aprobación del diseño» y «Puesta en línea».
- Contenidos que empiezan pronto: «Briefing de contenidos» sigue a «Mapa del sitio», así que «Redacción y edición de textos» e «Imágenes y multimedia» avanzan mientras están en marcha los «Wireframes» y el «Diseño visual».
- Una unión antes de la carga: «Carga de contenidos en el CMS» espera a «Plantillas y componentes», los textos y los archivos multimedia.
- Un descubrimiento solapado: «Entrevistas con las partes interesadas» empieza dos días después del inicio de «Auditoría del sitio y objetivos».
- Trabajo de migración antes del lanzamiento: «Redirecciones y revisión SEO» y «Revisión del cliente» terminan antes de «Puesta en línea».
Cuándo usar esta plantilla
- Un rediseño web tiene fecha de lanzamiento y necesitas ver si los contenidos estarán listos a tiempo.
- Un cliente pregunta por qué el sitio no está en línea si el diseño está aprobado.
- Sustituyes un sitio existente y necesitas incluir las redirecciones en el plan.
- Quieres un cronograma web estándar que adaptar para cada cliente.
El plan, tarea por tarea
Todas las tareas del diagrama con su duración en días laborables y aquello de lo que dependen. Una dependencia es un número de paso; SS es inicio a inicio, FF es fin a fin y +n es un retraso en días laborables.
| # | Tarea | Grupo | Días laborables | Depende de |
|---|---|---|---|---|
| 1 | Auditoría del sitio y objetivos | Descubrimiento | 5 | |
| 2 | Entrevistas con las partes interesadas | Descubrimiento | 4 | 1SS+2 |
| 3 | Mapa del sitio | Descubrimiento | 3 | 1, 2 |
| 4 | Wireframes | Diseño | 6 | 3 |
| 5 | Diseño visual | Diseño | 10 | 4 |
| 6 | Aprobación del diseño | Diseño | Hito | 5 |
| 7 | Plantillas y componentes | Desarrollo | 12 | 6 |
| 8 | Configuración del CMS e integraciones | Desarrollo | 8 | 4 |
| 9 | Briefing de contenidos | Contenidos | 2 | 3 |
| 10 | Redacción y edición de textos | Contenidos | 12 | 9 |
| 11 | Imágenes y multimedia | Contenidos | 8 | 9 |
| 12 | Carga de contenidos en el CMS | Contenidos | 6 | 7, 10, 11 |
| 13 | Redirecciones y revisión SEO | Lanzamiento | 4 | 12 |
| 14 | QA y pruebas en navegadores | Lanzamiento | 6 | 8, 12 |
| 15 | Revisión del cliente | Lanzamiento | 4 | 14 |
| 16 | Puesta en línea | Lanzamiento | Hito | 13, 15 |
| 17 | Correcciones tras el lanzamiento | Lanzamiento | 5 | 16 |
Cómo funciona
Empieza por el mapa del sitio
Vincula los contenidos, los wireframes y la configuración del CMS al mapa del sitio para que puedan empezar en cuanto se acuerde.
Planifica los contenidos como un proyecto propio
Da a la redacción y a los archivos multimedia sus propias tareas y estímalas según el número de páginas, no según el esfuerzo de diseño.
Fija la aprobación como un hito
Mantén «Aprobación del diseño» como puerta del desarrollo. Los cambios posteriores son cambios del plan.
Une las ramas en la carga
Vincula la carga en el CMS a las plantillas, los textos y los archivos multimedia, para que se vea el más lento de ellos.
Mantén las redirecciones y las comprobaciones antes del lanzamiento
Vincúlalas antes de «Puesta en línea» y dales un tiempo real.
Planifica las correcciones posteriores al lanzamiento
Mantén «Correcciones tras el lanzamiento» en el plan para que alguien quede reservado para ellas.
Preguntas frecuentes
¿Cuánto dura un proyecto web?
Depende del tamaño, del número de páginas y de la rapidez con que se produzcan los contenidos. La plantilla usa duraciones de ejemplo. Sustitúyelas por las tuyas y lee la fecha de fin en el plan.
¿Por qué los contenidos empiezan antes de terminar el diseño?
Porque los contenidos suelen ser la parte más lenta y dependen del mapa del sitio, no del diseño visual. Empezarlos pronto acorta todo el proyecto.
¿Puedo usarla para una tienda online?
Sí, como esqueleto. Añade tareas para la carga del catálogo, la configuración de pagos y envíos y las pruebas, y vincula la puesta en línea a ellas.
¿Cómo importo mi plan actual?
Pega las filas de tareas, duraciones y dependencias en la hoja junto al diagrama. Todavía no se pueden subir archivos para los diagramas de Gantt, así que copia las filas de tu hoja de cálculo y pégalas en la hoja junto al diagrama.
