WEBFLOW REDESIGN & MIGRATION

Clarity, at the speed of now.

A complex platform, migrated from WordPress to Webflow forspeed, cohesion, and what comes next.

Abstract gradient background with flowing orange, purple, and black shapes.

CLIENT

Unravel Data

TYPE

Website Redesign & Migration

SERVICES

Strategy
UX/UI Design
Webflow Development
WebOps & Ongoing Support

01

Challenge

Unravel Data is an AI-enabled solution for data platform optimization that provides end-to-end visibility, monitoring, and automation for data pipelines. Its complexity makes the website critical to the sales process. Prospective customers need to understand what the platform does before taking the next step, while the marketing team needs to communicate a story that keeps changing.

The timing mattered. Unravel had just refreshed its brand and was racing toward the launch of Arvix AI, its new autonomous optimization engine. They needed a modern site that could tell the story clearly, support the launch, and let the team move faster.

02

Solution

VSURY rebuilt the site in Webflow after determining that WordPress had become a bottleneck. The new site was built around a real design system, component library, and shared structure that gave both people and AI the context to build faster without compromising the brand.

The work included 80 static pages and 400-plus blog posts, along with new and updated pages to sharpen the value proposition and create a proper home for Arvix AI. We also prototyped interactive product experiences in Claude Design, giving visitors a way to explore how the platform works rather than simply reading about its features.

Claude accelerated the less visible parts of the migration, including site architecture documentation, content inventory, SEO and AEO auditing, and visual QA. Every page was rebuilt and tested by hand, with redirects, broken links, Marketo, OneTrust, schema, metadata, and accessibility details carefully validated before and after launch.

The result was a six-week migration with search rankings intact and significantly faster publishing. Unravel now ranks number one across 35 target terms in AI and LLM search, while development costs came in roughly 75% below a comparable traditional agency engagement.

VSURY continues to manage the site on a monthly retainer, covering new pages, content strategy, SEO/AEO, and conversion optimization.

www.unraveldata.com

Collage of UX and brand strategy presentation slides, including charts, personas, and web interface mockups.

Caption

Powerpoint slides displayed in a grid

Insight Brief Based on Category, Competitor, and Best Practice Research

Grid of six colorful tiles displaying experience design principles such as “Tug on their heartstrings,” “Don’t make them think,” and “Grab their attention.”

Experience Design Principles

Transparent placeholder image

No Caption

Transparent placeholder image

No Caption

Visual sitemap showing the updated information architecture for a website, including primary navigation, footer, and categorized landing pages.

Updated Site Taxonomy

Responsive design showcase of Unravel’s Data Observability Platform displayed on laptop and mobile devices, highlighting consistency across screen sizes.

Responsive Desktop, Tablet, and Mobile Experiences

VSURY Logo filled in white
Claude logo in white
Expanded color palette showcasing primary, grayscale, accent, and gradient brand colors with hex codes for each shade.

Expanded Color Palette

Typography guide showing primary typeface Rubik and secondary typeface Lexend with full alphabet, numbers, and special characters in each style.

Expanded Tyography

Optimized buyer journey mockups showcasing Unravel’s AI-powered data observability platform, FinOps landing page, and free account sign-up experience.

Optimized Buyer Journey Conversion

WordPress wireframe mockups for modular block system layouts, displayed with a mobile screen showing partner technology integrations including Airflow, Databricks, and Snowflake.

Webflow Block System Wireframes

Visual breakdown of a responsive type system showcasing scalable headings, body text, and link styles using Rubik and Lexend fonts.

Responsive Type System

Design layout of individual content blocks featuring a whitepaper promo, developer collaboration photo, and event registration module with spacing measurements.

Individual Block System Module Designs

Collection of redesigned WordPress page templates showcasing modern layouts, feature sections, FAQs, testimonials, and location maps for multiple office sites.

New Page Templates Build Using Perfected Webflow Blocks

Screenshot of a self-guided product demo interface for Unravel, highlighting enhanced chargeback and showback features with AI-driven cost-saving insights for Databricks users.

Self-Guided Demos Experience

Custom marketecture diagram illustrating Unravel’s data actionability platform, highlighting features like observability, intelligence, and automation with benefits such as AI-enabled optimization, cost governance, data quality, and cloud migration insights.

Custom Marketecture Diagram

Technical illustration showing Unravel’s AI-powered automation flow—from automated discovery of platforms like Amazon EMR and Snowflake, to a central ‘single pane of glass’ powered by metadata, enabling insights like anomaly detection, root cause analysis, and optimization across performance, cost, and quality.

Custom Technical Illustration

Custom Marketo landing page templates for Unravel, featuring responsive layouts with bold headlines, embedded forms, promotional callouts, and supporting visuals for lead generation campaigns.

Custom Marketo Landing Page Templates

Next

Webflow Website

Striking the right chord

A new digital home for a nonprofit serving the unhoused and underserved.