Discover everything we launched at Webflow Conf 2024
Read post
Blog
How to update your website: A step-by-step guide

How to update your website: A step-by-step guide

A comprehensive website update touches on visual design, user experience, technical performance, content, and security. Here’s how to cover all your bases.

How to update your website: A step-by-step guide

A comprehensive website update touches on visual design, user experience, technical performance, content, and security. Here’s how to cover all your bases.

Build a better site experience

In our ebook, learn how to approach your next website redesign — from collaboration and trust-building to finding the right tools.

Read now
Read now
Written by
Webflow Team
Webflow Team
Webflow Team
Webflow Team

If your company site looks tired but doesn’t need a design overhaul, inject new life with an update.

You don’t need to conduct a full website redesign often, but that doesn’t mean your site should gather dust in the meantime. Regular updates and improvements ensure your site doesn’t get bogged down technically or start looking outdated.

Updating your site refines the user experience, increases conversion rates, boosts search engine optimization (SEO) and search rankings, and attracts more traffic. On ecommerce sites, targeting key features like calls to action (CTAs) and checkout pages also directly affects sales by optimizing user flow, reducing cart abandonment, and enhancing the overall purchase experience, leading to increased conversions.

Here’s how to do a complete website refresh that covers five key areas: visual design, user experience, technical performance, content, and security.

How to update your website: 5 essentials

Before diving into your own website’s details, start with analyzing your competitors’ sites. Review sites within your vertical that have similar offerings or consistently rank high for desired keywords. This gives you insights into the current industry standards, standout features, and potential areas of site improvement. Pay attention to competitors’ layout, content strategy, user engagement methods, and design choices for inspiration — and to ensure you don’t recreate any redesign mistakes.

Once you understand the competitive landscape, assess your site by conducting a thorough audit of these website elements:

  • Visuals: Check for low-quality photos, outdated stock images, visual clutter, and pages and sections that need refreshing
  • User experience (UX): Use feedback and insights from user research and Google Analytics to identify friction in design areas like navigation, accessibility, and layout
  • Technical performance: Measure your site’s loading speed and ensure it’s responsive across devices by using free tools like BrowserStack to ensure proper display and Ahrefs’ Broken Link Checker or Google Search Console to identify and fix broken links
  • Content: Assess the relevance of content on the homepage, about us page, and blog posts to your current brand identity and service offerings
  • Security: Conduct a website security check to identify potential vulnerabilities

A comprehensive 5-step website update plan

Begin the update by establishing clear website goals that align with your current business objectives. By identifying key metrics to improve, such as user engagement, conversion rates, and page load times, you’ll ensure the update effectively targets areas for the most impactful results.

If you don’t have time or resources to complete all five steps, prioritize areas based on your website’s specific vulnerabilities, user feedback, and potential return on investment. Focus on addressing broken links, refreshing outdated content, and alleviating user experience pain points to ensure maximum impact.

1. Refresh your website’s visuals

Web design constantly evolves as trends emerge and designers uncover insights into effective typography, white space, and color usage. Aligning your site’s visuals to resonate with web design’s dynamic nature is crucial to stay relevant and engaging.

To pave the way for a fresh, modern touch, update outdated or subpar site visuals. While stock photos are an option, they must align with your brand and accurately reflect the services you offer, as people’s eyes often skip over generic photos. For genuine representation, consider collaborating with a professional photographer to capture your products, services, and team authentically.

Whiteboard’s website redesign for Aro, showing a picture of what the site looked like before on the left and what it looks like after the update on the right.
Source: Aro

Whiteboard, a creative agency specializing in digital branding, revamped the homepage for Aro, a product that combines phone charging with a lifestyle app to encourage users to disengage from technology significantly. Whiteboard added a captivating looping video for the hero image, replaced the vague, exploded 3D product animation for a section that explicitly explains what’s included in the product, and added social proof in the form of reviews to increase engagement and conversion rates.

2. Upgrade the user experience

When deciding which user experience elements to prioritize, factor in feedback from customers, colleagues, and any user research you’ve conducted, as well as the results of your website audit and your website goals as discussed above. The following areas are good starting points for upgrading the user experience on your site: 

  • Ease of navigation. Analyze user pathways and page visit frequency on your site and modify navigation bar options based on the most and least frequented pages. Improved navigation helps visitors quickly find what they’re looking for, reducing user frustration.
  • Microcopy. Craft CTAs that grab attention and stand out. Ensure the microcopy, such as button labels and search bar text, is concise and inviting. Clear microcopy effectively guides users, increases engagement, and influences action rates. It also simplifies the user journey and makes the site’s intentions clear.
  • Menus. For expansive sites such as large corporate webpages or ecommerce platforms with vast product selections, consider whether mega menus could elevate the browsing experience. Mega menus provide a structured, organized way to display extensive information, enabling users to swiftly locate specific content.
  • Accessibility. Refer to an accessibility checklist to ensure broad usability. Consider implementing an accessibility widget or app like All in One Accessibility, UserWay, or ADA Tray that automatically adjusts your site for various accessibility profiles. Accessible sites attract more diverse users and mitigate potential legal complications related to web accessibility standards.
Whiteboard’s website redesign for Aro showing a picture of what the site looked like before on the left and what it looks like after the update on the right.
Source: Aro

Revisiting Whiteboard’s website redesign for Aro, it’s clear they upgraded the user experience by refining the copy explaining the app’s functionality, increasing the font size to make it more readable, and making the app mockup less busy in their updated version.

3. Improve your site’s technical performance

Technical SEO directly affects your website’s performance, which shapes its standing in search rankings. To improve technical performance, target the following areas:

  • Page loading time. Large images, background videos, and sluggish web hosting servers slow down your site. By converting images to the lighter WebP format, compressing background videos or converting them to gifs to reduce file sizes, and considering hosting changes, you cater to users’ expectations of a seamless browsing experience. Introducing a page-loading animation also minimizes user frustration during delays by keeping them engaged and ensuring they stay on the page.
  • Responsiveness. Enhance your site’s mobile responsiveness using a visual website design platform, like Webflow, that provides a real-time view across multiple device breakpoints. Search engines like Google use mobile-first indexing — evaluating mobile versions of sites for indexing and ranking — which makes optimum mobile website performance essential for SEO.
  • Broken links. Search engines view websites with broken links as less maintained or outdated, and broken links harm the user experience, leading to frustration and increasing bounce rates. Address this by setting up 301 redirects to transfer the link power from the old URL to the new one and guide users and search bots to a live URL when encountering moved or deleted pages. And as a backup, implement an engaging 404 page to retain users’ interest and guide them back to the main site should they land on a nonexistent page.

4. Optimize your content

Website content is pivotal in SEO, as it determines your site’s rankings on search engine results pages (SERPs), and shapes your interactions with visitors. Focus on these elements to create content that engages visitors and boosts your search visibility:

  • Fresh and evergreen content. By blending timely articles with evergreen content (material that retains its relevance and doesn’t become outdated), you cater to current events and trends as well as long-term user needs. Fresh content shows search engines that your site stays updated, while evergreen pieces, like how-to guides or FAQs, drive a steady stream of traffic over time.
  • Multimedia elements. Incorporating multimedia elements enhances user engagement and diversifies your content presentation. Videos, for example, are especially effective in increasing engagement, sales, and brand awareness. And given that 91% of consumers want more video content from brands, this adjustment can boost the time users spend on your site and their brand loyalty.
  • Testimonials. Showcasing a testimonials section or updating your existing one builds user trust. Authentic reviews from real people validate your offerings and reassure potential customers of their quality.
  • Keyword research. Conduct keyword research to discover what search terms people use to locate products and services like yours. Identifying and integrating relevant search terms into your content optimizes and aligns it with user search intentions, improving site visibility, boosting organic traffic, and addressing audience needs and questions.
  • Strategic keyword placement. Positioning crucial keywords in title tags, meta descriptions, and headings signals to search engines the main topics of your content. This helps match your pages to the correct search queries and enhances visibility in search results.

5. Ensure your website is secure

A secure webpage safeguards user data and bolsters technical SEO. Here’s what to focus on to improve your website’s security:

  • Security certificates. When your site lacks a valid security certificate, such as an SSL certificate, search engines penalize and rank it lower. Most modern browsers also flag unsecured sites, warning visitors of potential risks. These warnings can deter users, reducing your site traffic and trustworthiness. Webflow-designed sites include free SSL certificates and freedom to upload custom ones.
  • Safe content management systems (CMS). Unlike most CMS platforms, Webflow only uses secure plugins and integrations with reputable companies, not third parties. When external tools depreciate and become outdated, they can introduce vulnerabilities and expose your site to cyberthreats. Using a safe CMS — like Webflow — keeps your site safe by vetting apps and integrations and protects your site from potential security breaches and compromised functionality.
  • Secure web platform. Opting for a web platform with extensive built-in security mechanisms, like Webflow, minimizes risk through frequent security updates, leveraging secure hosting from Amazon Web Services, and defending against common threats such as cross-site scripting and distributed denial-of-service (DDoS) attacks.

Send traffic to your updated website

Website optimization is a journey, not a destination. Doing a comprehensive site update like this one will help make your team aware of areas that you need to dust off and maintain regularly. If you need help along the way, check out Webflow University for resources on creating a user-friendly and fresh website experience.

Finally, show off your updated website to prospective customers by running a digital advertising campaign. Measure the improvements in your numbers — and don’t forget to celebrate when your newly improved website reaches its goals.

Build a better site experience

In our ebook, learn how to approach your next website redesign — from collaboration and trust-building to finding the right tools.

Read now
Build a better site experience

In our ebook, learn how to approach your next website redesign — from collaboration and trust-building to finding the right tools.

Read now
Read now

Last Updated
November 10, 2023