Validation Cloud

Validation Cloud

Validation Cloud

Redesigned marketing site to unify its Web3 identity with the new AI product

Web3

AI

Enterprise

B2B

Specs

Redesigned Validation Cloud’s marketing site to better align the company’s identity with our new AI product, Mavrik.

View it Live

Role

Role

Homepage and Product page redesign, 

implemented in Webflow

Worked with

Worked with

PM, Senior Designer, Engineers, BD, C-level

Timeline

Timeline

Oct – Nov 2025

About Validation Cloud

Validation Cloud is a Web3 infrastructure company.

We provide node, data, and staking services for enterprise clients in Web3.

Result

Delivered a scalable, brand-consistent website that improved user navigation and strengthened the connection between marketing and product.

Delivered a scalable, brand-consistent website that improved user navigation and strengthened the connection between marketing and product.

Why Redesigning?

Few months ago, we launched Mavrik, our new AI-driven data product. But visually, it felt quite different from our core Validation Cloud branding.

When we first launched a few months ago, we quickly created a marketing page to match our existing site. However, the result didn’t really reflect what Mavrik actually is. It looked disconnected from the product itself.

Problem

It used too many colors, the content didn’t clearly explain what the product does or why it matters, and it lacked proof and clear conversion paths.

Goal

So our goal was to redesign the marketing site with three main focuses:

  1. Unify the brand identity between Mavrik and the core Validation Cloud brand

  2. Clarify the page structure and storytelling flow

  3. Improve conversion and engagement

unify the brand identity

clarifying stories

improving conversion

Constraints

We also had three constraints:

  • First, we needed to keep the brand red as a visual anchor so existing clients would still recognize us.

  • Second, it wasn’t a full rebrand — more of a refresh to modernize the look while maintaining continuity.

  • And third, we needed to ship fast, since the update had to align with upcoming investor and sales milestones.

Before designing...

Before jumping into visuals, we ran a stakeholder workshop to align the story. We brought in the C-levels, BD team, designers, and PMs, and asked key questions:

  1. What story do we want this page to tell?

  2. Who are we speaking to?

  3. What builds the most credibility early in the scroll?


This workshop helped everyone align early. Once we had consensus on the message, we started building structure and content.

Re-Structure

The old page had a pretty basic flow — a hero, a short ‘how it works’ section, an ecosystem piece, and a single CTA at the bottom. It didn’t tell a strong story, and the bounce rate at the hero was high.

So we rebuilt the flow around a new narrative that tells a clearer story. This new structure helps users quickly understand what Mavrik does, why it matters, and why they should trust Validation Cloud.

Visual Exploration

Once the structure was clear, we explored the visual direction. We tried a range of styles like 3D graphics,

abstract logo motion, scenario-based videos etc. At this stage, the goal was to diverge and see what resonated most with stakeholders.

Eventually, we converged on a scenario-based hero video & created some variations for the clips.

Final Design

Our principle was to modernize the interface and make it feel more AI-driven while staying connected to our existing brand.

We:

  • Kept red as the main accent color

  • Added grassmorphism and light effects for a contemporary AI look

  • Simplified the color palette to mainly black, white, and red

  • Replaced the old colorful illustrations with gradient visuals for a more technical and clean feel

Mavrik Page

We started with a hero section — a bold headline paired with a scenario-based video in the background, immediately showing what Mavrik does.

Right below that, we added a credibility featuring our key partnerships. The goal here was to build trust early and reduce the high bounce rate we were seeing at the top of the page.

Next, we introduced a target audience section

We highlighted four key segments: payments, capital markets, banking and web3 enterprises — helping visitors instantly recognize whether Mavrik is relevant to them.

Then, we added a section focused on business values — reliability, institutional security, and compliance — the things our enterprise clients care about most.


After that, we moved into the product layer, showing which digital assets and networks Mavrik supports, and how users can interact with them.


And finally, we ended with a closing visual — showing how Mavrik transforms complex blockchain data into something actionable, turning Web3 data into meaningful insights that plug directly into your system — whether that’s a dashboard, UI, or API.

Reflection

Looking back, there are some takeaways for me from this project:

First, It wasn’t something from scratch — we already had a brand system — so finding the balance between familiarity and freshness was challenging but rewarding.

Second, Early on, async communication on Slack slowed things down. Once we switched to workshops, we were able to make decisions together and move much faster.

Third, balancing creativity and speed. Designing and implementing in Webflow forced me to think modularly and prioritize — every creative decision had to also be buildable and fast to ship.

thanks for reading!

thanks for reading!

thanks for reading!

©

sandrachang 2023–2025.

©

sandrachang 2023–2025.

©

sandrachang 2023–2025.