{"id":22201,"date":"2024-12-13T14:21:05","date_gmt":"2024-12-13T14:21:05","guid":{"rendered":"https:\/\/getdevdone.com\/blog\/?p=22201"},"modified":"2025-04-16T14:30:18","modified_gmt":"2025-04-16T14:30:18","slug":"revers-io-webflow-redesign-case-study","status":"publish","type":"post","link":"https:\/\/getdevdone.com\/blog\/revers-io-webflow-redesign-case-study.html","title":{"rendered":"Helping Revers.io Migrate Their HubSpot Website to Webflow (with Redesign)"},"content":{"rendered":"\n

We have vast experience working with various modern website builders and content management systems. Our clients often ask us for advice on choosing a platform that will fit their specific needs and budget best of all. <\/p>\n\n\n\n

In this post, we\u2019d like to share a story just like that. You\u2019ll learn how we assisted a client in selecting the right solution for redesigning their website, and implemented the redesign itself. <\/p>\n\n\n\n

It showcases our client-focused approach and comprehensive CMS development expertise. Here are the details. <\/p>\n\n\n\n

The Client<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Revers.io<\/a>, headquartered in Paris, France, is a SaaS platform founded in 2009 by Vincent Torres. It specializes in reverse logistics and repair management, offering solutions that connect all stakeholders involved in these processes. <\/p>\n\n\n\n

The platform is designed to enhance after-sales services by providing full traceability and automating both physical and administrative tasks. Key features include omnichannel return management, repair and spare parts management, second-life management, and a self-care portal for customers.<\/p>\n\n\n\n

Revers.io aims to simplify the returns experience and support sustainable practices through its advanced technology and expertise in the after-sales market.<\/p>\n\n\n\n

The Challenge <\/h2>\n\n\n\n

We were contacted by Daphn\u00e9 Mothes, a Marketing Manager at Revers.io. She told us that the company was currently using HubSpot as their CMS. However, they were thinking of migrating to Webflow along with redesigning their website. <\/p>\n\n\n\n

Daphn\u00e9 requested a quote for a Webflow as well as a WordPress project. After that, she asked us for a meeting with one of our experts to discuss the pros and cons of each CMS<\/a>.<\/p>\n\n\n\n

During the video call, our experienced developer explained to Daphn\u00e9 all the advantages and drawbacks of using WordPress and Webflow. Considering that Webflow includes hosting by default, it’s more suited for marketing teams, and the Revers website didn\u2019t require any custom business logic, the client ultimately decided to go with this platform. <\/p>\n\n\n\n

After sorting out the financial and technical details, our Webflow team began working on the new website. <\/p>\n\n\n\n

The Solution <\/h2>\n\n\n\n

We divided the project into two stages:<\/p>\n\n\n\n

    \n
  1. Converting the client\u2019s Figma designs into web pages in the Webflow Designer.<\/li>\n\n\n\n
  2. Exporting blog posts from Hubspot into the new Weblow design. <\/li>\n<\/ol>\n\n\n\n

    Notable Features <\/h3>\n\n\n\n

    Here are some notable things we did during each of these stages.<\/p>\n\n\n\n

    Marquee <\/h4>\n\n\n\n

    This is a line with the logos of the company\u2019s key partners running in a loop across most pages of the website. <\/p>\n\n\n\n

    \"\"
    Marque<\/em><\/figcaption><\/figure>\n\n\n\n

    Testimonials Carousel <\/h4>\n\n\n\n

    Another feature you can see on several pages is an interactive carousel with client testimonials. Once a user scrolls down to the carousel, the current testimonial slides to the left with the next one replacing it. Visitors can also move through the carousel by clicking the arrows in the upper right-hand side of the carousel. <\/p>\n\n\n\n

    \"\"
    Testimonials carousel<\/em><\/figcaption><\/figure>\n\n\n\n

    Reveal on Scroll Effect <\/h4>\n\n\n\n

    We also added a reveal on scroll effect to most pages. When a user scrolls down a page, certain content blocks animate slightly as they enter the viewport. <\/p>\n\n\n\n

    \"\"
    Reveal on scroll effect<\/em><\/figcaption><\/figure>\n\n\n\n

    Animated Counter<\/h4>\n\n\n\n

    When you scroll down certain pages of the Revers website, you’ll see an animated counter with numbers changing until a specific value is reached.<\/p>\n\n\n\n

    \"\"
    Animated counter<\/em><\/figcaption><\/figure>\n\n\n\n

    Connected Partners Filter<\/h4>\n\n\n\n

    Using the CMS Filter<\/a> and CMS Sort<\/a> solutions by Finsweet, we created a filter with sorting so that users can quickly switch between after-sales service players (carriers, manufacturers, repairers, etc.). <\/p>\n\n\n\n

    To see more of the players in the current category, users can click the See more <\/strong>link (implemented with CMS Load<\/a>).<\/p>\n\n\n\n

    \"\"
    Connected partners filter<\/em><\/figcaption><\/figure>\n\n\n\n

    Tabs<\/h4>\n\n\n\n

    The Logistics<\/a> page features three tabs we created. It’s a great way to save website space.<\/p>\n\n\n\n

    \"\"
    Tabs<\/em><\/figcaption><\/figure>\n\n\n\n

    Contact Form Integration<\/h4>\n\n\n\n

    Finally, we integrated a contact form with automatic data validation into the new Revers.io website: <\/p>\n\n\n\n

    \"\"
    Contact form<\/em><\/figcaption><\/figure>\n\n\n\n

    Localization <\/h3>\n\n\n\n

    The client wanted the website to support two languages, English <\/strong>and French<\/strong>. Webflow is an excellent platform as far as multilingual support is concerned thanks to its Localization solution<\/a>. <\/p>\n\n\n\n

    You can localize almost anything, from static pages and CMS items to alt text for images and everything else. <\/p>\n\n\n\n

    Although it did require some tweaking and adjusting, we successfully localized the Revers.io website for both requested languages. You can switch between them using the handy dropdown in the upper right-hand corner of each page. <\/p>\n\n\n\n

    \"\"
    Revers.io in English <\/em><\/figcaption><\/figure>\n\n\n\n
    \"\"
    Revers.io in French<\/em><\/figcaption><\/figure>\n\n\n\n

    Exporting Blog Posts <\/h3>\n\n\n\n

    Also, since editing the CMS part in Webflow is quite user-friendly and keeping everything in one place is more convenient, Revers decided to migrate the blog pages to Webflow, too.<\/p>\n\n\n\n

    We created the following pages: <\/p>\n\n\n\n

    Main Blog Page<\/h4>\n\n\n\n

    This page presents the articles the company has published up to date in the form of identically looking cards with these components:
    <\/p>\n\n\n\n

      \n
    1. Blog category <\/strong>as a link leading to that specific category page with respective posts <\/li>\n\n\n\n
    2. Post title <\/strong><\/li>\n\n\n\n
    3. Opening text<\/strong> with an ellipsis at the end<\/li>\n\n\n\n
    4. Read more <\/strong>link<\/li>\n<\/ol>\n\n\n\n
      \"\"
      Main blog page<\/em><\/figcaption><\/figure>\n\n\n\n

      When the website administrator adds another post to the blog, its card automatically appears first in the list, shifting the previous ones to the right. <\/p>\n\n\n\n

      Post Page <\/h4>\n\n\n\n

      A specific post page has the following structure:<\/p>\n\n\n\n