Free template

Website redesign Gantt chart template.

Turn a plain-English brief into an editable website redesign plan in seconds. Ganttastic's AI lays out the phases, tasks, milestones and dependencies — then you edit dates, assign owners, share a live link and export.

Free · No signup to try · Editable & exportable

Start from a brief

Paste something like this.

We're redesigning our company website — around 40 pages plus a blog — moving off an ageing WordPress theme onto a cleaner, faster, mobile-friendly design in Webflow. The team is a project manager, one designer, two developers, a content writer, and our marketing lead who signs everything off. We need it live before our product launch on 15 October, and we have to keep our existing SEO rankings, so 301 redirects are non-negotiable. Budget's tight, so no big custom features — just a modern look, better performance and a proper CMS.

That’s the before. Here’s the plan Ganttastic builds from it.

Typical timeline · 10-16 weeks

The website redesign plan.

An editable website redesign Gantt plan generated in Ganttastic, with task bars, dependencies, and milestones
  1. 1

    Discovery & Planning

    • Project kickoff and stakeholder interviews
    • Audit the current site: analytics, top pages and conversion paths
    • Content inventory and page-by-page URL mapping
    • Define goals, KPIs and success metrics
    • Competitor and audience research
  2. 2

    Information Architecture & UX

    • Define the new sitemap and navigation structure
    • Map key user journeys and flows
    • Low-fidelity wireframes for the main templates
    • Agree the content model and template inventory
    • Stakeholder review and sign-off on the IA
  3. 3

    Visual Design

    • Moodboard and agree the design direction
    • Build the design system: colours, type and components
    • High-fidelity mockups for key page templates
    • Responsive and mobile layouts
    • Design review and sign-off
  4. 4

    Content & SEO Preparation

    • Write and edit new page copy
    • Map target keywords to pages and write metadata
    • Build the 301 redirect map from old URLs to new
    • Prepare alt text and structured data
    • Source and optimise images and media
  5. 5

    Development & Build

    • Set up the staging environment and CMS
    • Build reusable templates and components
    • Populate content and wire up the CMS
    • Integrate forms, analytics and third-party tools
    • Cross-browser and responsive QA
  6. 6

    Testing, Launch & Post-Launch

    • Accessibility and performance (Core Web Vitals) testing
    • Stakeholder UAT and final content proofing
    • Apply 301 redirects and run pre-launch SEO checks
    • DNS cutover and go-live
    • Post-launch monitoring: crawl errors, rankings and analytics

Key dependencies

  • Information architecture must be locked before visual design begins, because renaming navigation or moving pages after mockups are approved forces rework across every template.
  • Content writing should run in parallel with design but be substantially finished before development starts, since building templates against placeholder text hides layout problems that only surface with real copy.
  • The 301 redirect map depends on the final URL structure, so it cannot be built until the new sitemap is signed off, and it must be ready and tested before go-live to protect existing SEO rankings.
  • Development can only truly finish once approved designs and near-final content both exist, so treat both as hard predecessors rather than things to sort out during the build.

Timeline risks

  • Redesigns most often slip during design sign-off and content production: stakeholders ask for extra revision rounds on mockups, and page copy arrives late because it is owned by busy people who treat it as a side task.
  • Protect the schedule with a named content deadline, a cap of about two design-revision rounds, and a one-to-two week buffer before launch for QA, redirects and last-minute fixes.
  • Third-party integrations and the DNS or hosting cutover are common surprises, so confirm access and credentials early rather than discovering them on launch day.

How to use it

Make it your plan.

  1. 1

    Open the AI planner

    Start a new plan in Ganttastic and choose to generate it with AI.

  2. 2

    Paste or edit the brief

    Use the website redesign brief above as a starting point and tweak it to match your project.

  3. 3

    Ganttastic generates your plan

    The AI drafts tasks, milestones, dependencies, and dates for your website redesign.

  4. 4

    Edit and assign

    Adjust tasks and dates, rewire dependencies, and assign owners.

  5. 5

    Share or export

    Send a live link to stakeholders, or export to Excel, CSV, PDF, or PNG.

Questions, answered.

Can’t find what you’re looking for? Email support@ganttastic.com and we’ll get back to you within one business day.

Your website redesign.
Your plan.

Generate your own website redesign plan from a brief — editable, shareable, and free to try. No signup required.