Webflow Saas Transformation: Redesigning and Migrating from Wix

tab_image
Region
Austria
Industry
FinTech
Platform
Web
Project volume
300 hours
Team size
4 people

Delivered by WarmDevs

  • Discovery
  • UX/UI design
  • Web development
  • On-page SEO
Go to website
About the Project

VIRIDAD is a digital, customizable platform for sustainability assessment and sustainability scoring in the EU Taxonomy. The standardized 4-step approach is effective, efficient, and future-proof. For quick answers on complex matters, Viridad connects experts from their expert pool for ad-hoc analyses or third-party verifications.

Challenges & Solutions

Challenges

Solutions

Platform migration from Wix to Webflow
We carefully curated the process of transferring the existing website to the new platform
Create a new attractive UX/UI design and implement it with Webflow
We re-designed the old visuals and provided a modern, updated website to engage more users
Prepare the website for further promotional activity
We set up on-page SEO, as well as optimized schema.org. We integrated the necessary analytics tools

Technologies
We’ve Used

Klemens Mark
CEO | Founder
arrow_icon

WarmDevs successfully delivered the project according to the scope. The team demonstrated excellent project management and communicated effectively via virtual meetings. I was pleased with the engagement.

We especially noted the great culture fit, good value for cost, and company values.

arrow_icon

Get free consultation

Book a Call

Our
Process

arrow_imagearrow_group

In each project, we divide workstreams and determine milestones. Then we identify competencies needed to fulfill the tasks, calculate the work time of each expert, and approve everything with the client. After signing the contract, we allocate a separate team for the project. The project manager directs and supervises the process; he is the contact point for the client.

Project scope

Discovery
  • Project setup
  • Create user personas
  • Define user flow
  • Determine user journey
  • Establish sitemap
UX/UI design
  • Create moodboard
  • Develop wireframes
  • Custom UI design
  • Create animation logic
  • Optimize mobile design
Web development
  • Migration from Wix to Webflow
  • Localization for EN, DE
  • Setup Analytics: GA4, GSC
  • QA & Deployment
On-page SEO
  • SEO audit
  • Establish Schema.org
  • Setup metatags for two languages

Discovery


The collaboration began with an in-depth discussion for a solid project setup, laying the groundwork to plan a successful website. This involved understanding Viridad's goals, audience, and brand value propositions.

To ensure the website resonated with Viridad's diverse audience, we created detailed user personas based on research and client input. Viridad has been in touch with all sorts of organizations that are in the scope of the EU Taxonomy/CSRD, including financial companies such as banks. However, initially, the main focus was on non-financial companies. The personas we created guided the tailoring of website features to meet specific customer needs.

User experience was a key focus, so we crafted user flows to map out visitor pathways. These flows aimed to create an intuitive navigation experience, guiding potential clients toward their goals seamlessly.

We centered the new website's design on a user journey, envisioning the entire lifecycle of a user. Strategic placement of engaging content and calls-to-action encouraged deeper engagement with Viridad's offerings. A comprehensive sitemap organized the website's content logically, acting as a roadmap for development. This facilitated efficient content management and improved the overall experience.

Visual consistency and alignment with Viridad's brand identity were achieved through a mood board. This guide included color palettes, typography, and imagery styles, ensuring the updated corporate design resonated with the overall brand positioning.

UX/UI design

The new phase started with mapping out new wireframes. With an old website for reference, Viridad provided ideas and requirements for the new structure and functionality. We provided unlimited revisions during this stage, ensuring the client had the flexibility to review and approve the logic and layout thoroughly before moving forward.

This iterative approach laid the foundation for a user-centric design, aligning with the objectives and signifying a major upgrade from the previously outdated website built with Wix. Having wireframes as our basis, we delved into the UI design stage. The goal was to create a professional, visually appealing, cohesive aesthetic with a modern touch. Viridad actively participated in the design refinement process.

Benefiting from three revision cycles, we fine-tuned elements such as color schemes, typography, and visual elements. This collaborative effort aimed to create a UI that met high standards and reflected Viridad's identity, crafting a presentable digital appearance.

Strategic and subtle animations were incorporated to enhance the overall user experience. Animation logic was implemented thoughtfully to guide user attention, improve engagement, and provide a seamless transition between different website sections. We ensured that animations served a purpose. In this way, we created a more intuitive and enjoyable navigation experience without compromising loading times or functionality.

Responsive design is an important part of the brand’s digital presence. The mobile design phase was given special attention. We ensured that the website maintained its functionality and visual appeal across various devices.

Viridad participated in one revision cycle specific to the mobile stage, allowing for adjustments catering to the unique challenges and opportunities that mobile platforms present. This approach guaranteed a consistent and optimized experience for website visitors from different devices.

Through these collaborative efforts in the UX/UI design phase, the Warmdevs team and Viridad transformed an outdated website into a modern, professionally designed digital presence that aligned seamlessly with the client’s corporate branding.

Site map

Primary Color Palet
Typography: 
AG
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

Web development

The development phase was characterized by a focused and efficient process. No client revisions were undertaken during this stage, allowing our team to execute the agreed-upon design and functionality seamlessly. This approach expedited the development timeline, ensuring a swift transition from the design phase to the live website.

The new website was meticulously constructed on Webflow, a robust and flexible platform chosen for its advanced capabilities and ease of use. This transition involved migrating from Wix. This meant facilitating a seamless content transfer and ensuring a smooth transition for both users and administrators.

A key element of the strategy was the creation of localized versions in two languages: English and German. This multilingual approach broadened Viridad's reach and catered to a diverse audience, aligning with the company's global aspirations.

The website's structure was thoughtfully organized into key sections:

  • Main Page. Providing an introduction to the company with an overview of Viridad's brand value.
  • Services. Detailing the comprehensive range of services offered by the company.
  • ESG Insights. Focusing on Environmental, Social, and Governance aspects, showcasing Viridad's expertise in sustainable business practices.
  • EU Taxonomy. Highlighting Viridad's expertise in navigating European Union tax regulations.
  • Blog. Featuring dynamic content, updates, and industry insights.
  • About Us. Offering a deeper understanding of the mission, values, and the team.

A "Get in Touch" button was seamlessly integrated to enhance client engagement. This feature allows clients to book a meeting directly through the website, leveraging a calendar system for convenient scheduling. This user-friendly approach aimed to facilitate efficient communication between Viridad and its clients, fostering a seamless and interactive experience.

Once the designs were implemented and the website built with the help of Webflow, we took our time to fine-tune on-page SEO.

On-page SEO

In optimizing Viridad's online visibility and performance, a strategic integration of essential third-party tools was implemented. Our specific focus lied in on-page SEO improvement.

Incorporating essential tools such as Google Analytics, Google Search Console, and Schema.org formed a robust foundation for on-page SEO. Integrated Google Analytics provided valuable insights into website traffic, user behavior, and performance metrics. These tools enabled Viridad to make informed decisions in the future and refine content strategies based on real-time analytics.

Connecting Google Search Console offered deeper insights into the website's appearance in search results. It facilitated monitoring search performance, identifying indexing issues, and submitting sitemaps. Which means ensuring effective crawling and indexing by Google's search engine.

A meticulous metatag setup was implemented, given Viridad's bilingual structure in English and German. This involved configuring main tags and metatags for each language, ensuring that search engines correctly interpreted and displayed the website's information to users in their preferred language.

Additional integrations were implemented beyond the core SEO tools to enhance the website's performance. These included analytics dashboards, performance monitoring tools, and security measures, contributing to a holistic and optimized online presence for Viridad.

The strategic implementation of these third-party integrations improved the website's search engine visibility and empowered the Viridad team with valuable data and insights. Incorporating multilingual meta tags further demonstrated a commitment to accessibility and a user-friendly online experience for a diverse audience on their new, updated website.

Delivered Value

arrow grouparrow bigger
  • Client received a complete UX/UI re-design and
  • Smooth migration from Wix to Webflow
  • The website was set up with on-page SEO
  • The company received prolonged support after deployment

Jane Maksimchuk
Project manager | Warmdevs
arrow_icon

Working on the B2B website project with Viridad, I was impressed with the high quality of our collaboration. Klemens and his team have proven to be highly professional experts, clearly defining tasks and ensuring pleasant communication throughout the project. Thanks to their expert approach, we have significantly expanded our knowledge in the EU Taxonomy sphere.

We are delighted to collaborate with Viridad, as they provide essential services and create real value for European businesses through their SaaS platform.

arrow_icon

Get free consultation

Book a Call
Book a Call

Case Studies

Let's scale your business today

Schedule a consultation with our representative to talk about development services with no obligations from your side. Take a part in a professional discussion that will provide you

A reply from our manager within 24 hours
Eye icon
Approved time of a meeting convenient to you
A folder icon
WA signed NDA provided the project information needs to be confidential
Graph icon
Defined project scope, specifically the requirements, deadlines, and cost estimation