Ejemplo de diagrama de Gantt

Un diagrama de Gantt completo, el desarrollo de un sitio web, con fases, dependencias, hitos y responsables. Míralo, entiende cómo se lee y ábrelo gratis para usarlo como base, o descárgalo en Excel.

TareaMes 1Mes 2Mes 3
  1. 1Descubrimiento
  2. 1.1Reunión de inicio
  3. 1.2Relevamiento de requerimientos
  4. 1.3Mapa del sitio
  5. 2Diseño
  6. 2.1Wireframes
  7. 2.2Diseño visual
  8. 2.3Hito:Diseño aprobado
  9. 3Contenido
  10. 3.1Redacción de textos
  11. 3.2Fotos e imágenes
  12. 4Desarrollo
  13. 4.1Desarrollo back-end y gestor de contenidos
  14. 4.2Desarrollo front-end
  1. 4.3Carga de contenidos
  2. 5Pruebas y lanzamiento
  3. 5.1Pruebas en navegadores y dispositivos
  4. 5.2Correcciones
  5. 5.3Hito:Sitio publicado

Cómo leer este diagrama de Gantt

Cada fila es una tarea, y su barra muestra cuándo empieza y cuánto dura sobre una escala de meses. Las fases agrupan tareas: su barra va del inicio de la primera al fin de la última.

Los rombos son hitos, momentos clave sin duración, como el diseño aprobado. Y varias tareas esperan a otras: el desarrollo front-end no empieza hasta que se aprueba el diseño, y la carga de contenidos espera a que estén el sitio, los textos y las imágenes. Esa cadena de esperas es la que define la fecha de publicación.

Las fases del ejemplo

  1. Etapa 1 · 1 semana

    Descubrimiento

    Qué necesita el cliente y cómo se organiza el sitio. El mapa del sitio es la base del diseño y de los textos.

    • Reunión de inicio1 días
    • Relevamiento de requerimientos4 días
    • Mapa del sitio2 días
  2. Etapa 2 · 3 semanas

    Diseño

    Wireframes y diseño visual, hasta que el cliente aprueba: un hito del que depende el desarrollo front-end.

    • Wireframes5 días
    • Diseño visual8 días
    • Diseño aprobadoHito
  3. Etapa 3 · 4 semanas

    Contenido

    Los textos arrancan con el mapa del sitio, en paralelo al diseño; las imágenes esperan a los textos y al diseño aprobado.

    • Redacción de textos8 días
    • Fotos e imágenes5 días
  4. Etapa 4 · 5 semanas

    Desarrollo

    El back-end puede empezar con los wireframes; el front-end, con el diseño aprobado. La carga de contenidos espera a todo lo anterior.

    • Desarrollo back-end y gestor de contenidos10 días
    • Desarrollo front-end12 días
    • Carga de contenidos4 días
  5. Etapa 5 · 1 semana

    Pruebas y lanzamiento

    Pruebas en navegadores y dispositivos, correcciones y publicación del sitio.

    • Pruebas en navegadores y dispositivos4 días
    • Correcciones3 días
    • Sitio publicadoHito

Cómo usar la plantilla

  1. 01

    Ábrelo en LaraPlan

    Se abre con todas las tareas, dependencias e hitos, como un proyecto en marcha. No necesitas cuenta.

  2. 02

    Úsalo como base

    Cambia las tareas por las de tu proyecto. Si mueves una, las que dependen de ella se corren solas.

  3. 03

    Sigue el avance

    Marca el progreso de cada tarea y compáralo con la línea base para ver qué se atrasó y cuánto.

Preguntas frecuentes

¿Qué es un diagrama de Gantt?
Es una forma de mostrar un plan en el tiempo: una fila por tarea y una barra que marca su inicio y su duración sobre un calendario. Debe su nombre a Henry Gantt, que lo popularizó a principios del siglo XX.
¿Qué es un hito?
Un momento sin duración que marca que algo quedó listo, como el diseño aprobado o el sitio publicado. Se dibuja como un rombo.
¿Para qué sirven las dependencias?
Para indicar que una tarea espera a otra. Así, si algo se atrasa, se ve enseguida qué más se corre y si la fecha final sigue en pie.
¿Puedo descargar el ejemplo en Excel?
Sí. El botón Descargar en Excel baja las tareas con su duración, sus fechas a partir de hoy, sus dependencias y sus responsables.
¿Es gratis?
Sí. Puedes abrir el ejemplo y editarlo sin pagar y sin crear una cuenta.

Arma tu propio diagrama de Gantt