Website Redesign

Leading with AI. Cutting through the noise.

A complex platform, reimagined into a digital experience that delivers clarity, confidence, and results.

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

CLIENT

Unravel Data

TYPE

Website Redesign

SERVICES

Strategy
UX/UI Design

01

Challenge

Unravel Data is an AI-enabled data observability and FinOps platform that provides end-to-end visibility, monitoring, and automation for data pipelines, ensuring efficient, cost-effective, and reliable data processing for organizations. By leveraging advanced analytics and machine learning, Unravel Data helps businesses streamline their data operations, reduce operational costs, and enhance overall data workflow efficiency.

Given the complexity of their software, prospective customers need to fully understand the platform’s benefits and explore its key features before taking the next step. To drive conversion, Unravel Data needed to tell their story more effectively and efficiently, and to implement changes to their site more swiftly.

02

Solution

VSURY partnered with Unravel Data and their third-party development team to redesign their website from the ground up. We began with an in-depth analysis of Unravel Data’s key personas to better understand who visits the site and what they are seeking. Over dozens of sprints spanning several years, we refined the entire digital experience, including an updated look and feel, improved navigation, new page templates, and engaging content.

To help Unravel Data keep pace with today’s competitive B2B environment, we enhanced the time-to-market for website changes by developing a common design system and a WordPress-based block library to be utilized across all site pages. This approach not only allowed Unravel Data to rapidly update their site (reducing development time from weeks to hours) and cut costs by an estimated 75%, but also drove much-needed cohesion across the user experience.

The result was a world-class digital experience that sets Unravel Data apart in the data observability category, effectively communicates their story to prospects, and enables them to respond swiftly to the needs of the organization.

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

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.

WordPress 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 WordPress 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

UI Design System

Bringing High-End Craftsmanship and Design to the Masses

Achieving design harmony for a premium brand with craftsmanship at its core.