> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rocket.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Website overhaul

> Full website refresh with Rocket.new: Intelligence, Build (Redesign), and Launch.

export const LlmsDirective = () => <blockquote className="llms-directive">
    For the complete documentation index, see <a href="/llms.txt">llms.txt</a>.
    For a lightweight markdown version of this page, append .md to the URL.
  </blockquote>;

<LlmsDirective />

This workflow transforms an existing website from outdated to modern using Intelligence for benchmarking, Redesign for transformation, and Launch for deployment. It's ideal when your current site is functional but visually dated or underperforming.

## When to use this workflow

* Your website looks outdated compared to competitors
* Conversion rates have plateaued and you suspect design is the bottleneck
* You've rebranded and need the website to reflect the new identity
* A client has asked for a website refresh

## The workflow

<Steps>
  <Step title="Phase 1: Benchmark with Intelligence">
    Before redesigning, understand where you stand. Use a **Solve task** to benchmark your current site against competitors and best practices.

    ```plaintext wrap theme={null}
    Analyze my website at [your-site.com] compared to [Competitor A], [Competitor B], and [Competitor C]. Compare: visual design quality, page load performance, mobile experience, SEO presence, and conversion elements (CTAs, social proof, trust signals). What are my site's biggest weaknesses? What do competitors do better? What are the top 5 changes that would have the most impact?
    ```

    Then run the **Intelligence setup** wizard to start continuous monitoring of competitor design and content changes going forward. Intelligence will surface relevant updates to your dashboard automatically as part of your ongoing workspace monitoring.

    This gives you a clear picture of what needs to change and keeps you informed about industry design trends.
  </Step>

  <Step title="Phase 2: Redesign with Build">
    Use **Redesign** to transform your site. Start with the highest-impact pages identified in your benchmark.

    **Homepage redesign:**

    ```plaintext wrap theme={null}
    Redesign my homepage at [your-site.com]. Based on my competitive analysis, I need: a more impactful hero section with a clearer value proposition, modern typography (switch from [current font] to a clean sans-serif), more whitespace and visual breathing room, stronger social proof placement (move testimonials above the fold), a more prominent primary CTA, and improved mobile layout. Keep the existing content structure but transform the visual design to feel contemporary and premium.
    ```

    **Additional pages:**

    ```plaintext wrap theme={null}
    Redesign the pricing page at [your-site.com/pricing]. Simplify the layout - the current page has too many options and feels cluttered. Use a clean 3-column card layout with the middle plan highlighted. Add a feature comparison table below the cards. Include a FAQ section addressing common purchase objections.
    ```

    Iterate on each page until the design meets your standards. Use [visual edit](/build/editor/visual-edit) for fine-tuning specific elements.
  </Step>

  <Step title="Phase 3: Review and polish">
    Before deploying, review the full redesign holistically:

    * Navigate through every page to check consistency
    * Test on mobile devices (or mobile preview)
    * Verify all links, forms, and interactive elements work
    * Use the [SEO tools](/build/polish/seo) to ensure SEO isn't regressed
    * Check [performance](/build/measure/performance) to verify load times
    * Share the staging URL with stakeholders for feedback
  </Step>

  <Step title="Phase 4: Launch the redesign">
    Once approved, launch the redesign:

    1. Run through the [pre-launch checklist](/build/launch-web/launch-your-site#pre-launch-checklist)
    2. Click **Launch** to go live
    3. Run [SEO](/build/polish/seo) to optimize the new pages
    4. Set up [analytics](/build/measure/analytics) to track how the redesign affects engagement and conversions
    5. Monitor performance in the first week and iterate if needed

    If anything looks wrong post-launch, use [rollback](/build/launch-web/launch-your-site#roll-back-a-release) to revert to the previous version instantly.
  </Step>
</Steps>

## Example: agency website refresh

A design agency's website was built three years ago and looks dated compared to competitors. Here's how the workflow plays out:

| Phase     | Capability        | Action                                                        | Output                                                          |
| --------- | ----------------- | ------------------------------------------------------------- | --------------------------------------------------------------- |
| Benchmark | Solve             | Analyze current site vs. 3 top agency competitors             | Report identifying weak hero, dated typography, poor mobile nav |
| Monitor   | Intelligence      | Set up weekly monitoring of competitor design changes         | Ongoing signals                                                 |
| Redesign  | Build (Redesign)  | Redesign homepage, portfolio, about, and contact pages        | 4 redesigned pages with modern aesthetic                        |
| Polish    | Build (iterate)   | Fine-tune typography, add animations, optimize mobile         | Polished, consistent design system                              |
| Deploy    | Launch            | Click Launch, connect domain, run SEO and performance reports | Live redesigned website                                         |
| Measure   | Build (analytics) | Track bounce rate, time on page, and conversion rate          | Data to validate the redesign impact                            |

## Tips for website overhauls

* **Start with the homepage.** It sets the visual tone for every other page. Get it right first, then apply the same design language to interior pages.
* **Preserve SEO equity.** Keep the same URL structure where possible. Ask Rocket to maintain or improve existing meta tags.
* **Redesign page by page.** Don't try to redesign everything in one prompt. Work through pages individually for better quality.
* **Use the staging URL for approvals.** Share the staging environment with clients or stakeholders before going live.
* **Measure before and after.** Set up analytics before the redesign launches so you can compare performance metrics.

## What's next?

<CardGroup cols={2}>
  <Card title="Team product development" icon="people-group" href="/learn/workflows/team-product-development">
    Collaborative workflow using Projects.
  </Card>

  <Card title="Redesign" icon="wand-magic-sparkles" href="/build/create/commands/redesign">
    Full guide to Rocket's redesign capability.
  </Card>

  <Card title="Website redesign recipe" icon="paintbrush" href="/learn/recipes/website-redesign">
    Step-by-step recipe for website redesigns.
  </Card>

  <Card title="SEO & discoverability" icon="magnifying-glass" href="/build/polish/seo">
    Optimize your redesigned site for search engines.
  </Card>
</CardGroup>