A website redesign process for a motion-first site runs in six phases: audit, story and structure, design and motion prototype, build, performance pass, and launch and measure. For a mid-sized marketing site with custom motion, plan on roughly twelve weeks. The difference from a normal redesign is phase three: motion gets prototyped and approved before anyone builds pages, so it's designed in, not bolted on.
Below is the plan we use as a starting point, with what you, the client, do each week.
Website redesign timeline: how long it takes
Published ranges are wide because scope is. Utsubo's 2026 budget guide puts template-based sites at 3-6 weeks, custom sites at 8-14 weeks, Premium builds at 14-20 weeks and Flagship sites at 5-9 months. A motion-first site with one or two 3D scenes usually lands in the custom band. A full product configurator pushes it further.
The six-phase website redesign project plan
| Phase | Weeks | Studio does | You do |
|---|---|---|---|
| 1. Audit | 1-2 | Analytics review, content inventory, speed baseline, URL map | Share analytics access, list what's working and what isn't |
| 2. Story and structure | 2-4 | Sitemap, page outlines, scroll storyboard, wireframes | Approve sitemap, assign content owners, start copy |
| 3. Design and motion prototype | 4-7 | Art direction, key pages, a clickable motion prototype | Review on your own phone, sign off on motion |
| 4. Build | 7-10 | Front end, CMS, 3D scenes, integrations | Load real content, test the CMS |
| 5. Performance pass | 10-11 | Core Web Vitals, device testing, accessibility, reduced motion | Test with your team, report bugs in one list |
| 6. Launch and measure | 12+ | Redirects, launch, monitoring, first-month report | Brief sales and support, watch leads |
Phase 1: Audit (weeks 1-2)
Measure before you change. Pull the last 12 months of traffic, top landing pages and conversions. Record current Core Web Vitals so you can compare later. List every URL that gets search traffic or backlinks; this becomes the redirect map. Your job this week is access: analytics, Search Console, the CMS, brand files.
Phase 2: Story and structure (weeks 2-4)
Decide what the site says, in what order, before what it looks like. For motion-first sites we write a scroll storyboard: each section as one sentence, one visual state and one interaction. The client's job is the hardest one here: naming who owns each page's content and getting copy started. Late copy is the most common reason redesigns slip.
Phase 3: Design and motion prototype (weeks 4-7)
Design the homepage, one key inner page and the signature motion moment. Then build that moment as a working prototype in the browser, not a video mockup. You review it on your own phone, with low battery mode on, and decide. Changes are cheap here and expensive in week ten.
Phase 4: Build (weeks 7-10)
Templates, CMS, 3D scenes, forms, integrations. You load real content into the CMS as soon as templates exist. Real headlines break layouts in ways placeholder text never does.
Phase 5: Performance pass (weeks 10-11)
Motion sites need a dedicated week for speed. Targets are Google's "good" thresholds: LCP within 2.5 s, INP within 200 ms, CLS within 0.1. That means testing on a mid-range Android, not just a MacBook, plus reduced-motion and keyboard checks. Why animation doesn't have to cost speed is covered in do animations slow down websites.
Phase 6: Launch and measure (week 12 and after)
Ship the redirects with the site. Google's site-move guidance says to map every old URL to its new one, use permanent (301 or 308) redirects, keep them for at least a year and expect a few weeks before search fully catches up. Compare the new numbers to your phase 1 baseline after 30 and 90 days.
Website redesign checklist
Before launch day, tick these off:
- [ ] Old-to-new URL map complete, redirects tested
- [ ] Titles and meta descriptions on every template
- [ ] Analytics and conversion events firing on the new site
- [ ] Core Web Vitals checked on a real phone
- [ ] Reduced-motion mode shows final states, no broken layouts
- [ ] Forms send to the right inbox, with a test submission logged
- [ ] Sitemap submitted in Search Console
- [ ] Someone owns monitoring for the first two weeks
Where redesigns go wrong
- No one decides. Feedback from six people with no final say. Name one decision-maker in the brief.
- Content comes last. Design waits for copy, build waits for design.
- Motion approved from a video. It looks different in a browser on a phone. Approve the prototype.
- No contingency. Utsubo suggests adding 10-15% contingency for scope changes and delays. We agree.
Getting the start right saves the most time. Our guide on how to brief a creative web agency has a template, and animated website cost covers budgets.
