DataVisor Web

DataVisor

At DataVisor, I work across web, brand, and motion to help make complex AI products easier to understand. I contributed to the rebrand process and helped bring the new direction into Webflow by building selected pages, reusable components, and CMS structures.

After the rebrand, I became the main Webflow owner, maintaining brand quality across new pages, campaign content, event pages, and marketing assets. I also create product demos, motion graphics, decks, and digital assets that explain technical fraud prevention workflows in a clearer way.

Role
Brand & Digital Designer / Webflow Lead
Scope
Rebrand, Webflow, Product Demo & Motion
Impact
Clearer AI product stories, stronger brand consistency, and faster page updates

DataVisor’s products are technical, so the design work needed to feel clear, consistent, and useful across different channels — not just visually polished.

Selected website and brand assets.

DataVisor design system elements including colors, typography, icons, and UI buttons

Website Rebrand & Web Visual System

  • Role: Webflow Developer / Brand & Digital Designer
  • Collaboration: Designer, Marketing team, stakeholders, and agency partners
  • Tools: Webflow, Figma, Adobe Creative Suite, AI-assisted workflows

Project Context

DataVisor’s rebrand was a collaborative effort across design, marketing, stakeholders, and agency partners. I contributed to discussions around the updated brand direction and how DataVisor could communicate its value more clearly as a B2B AI product.

As the updated direction took shape, I helped bring the brand into one of its most important touchpoints: the website. I built selected Webflow pages, refined responsive layouts, supported visual polish, and created reusable components and CMS structures to keep the brand easier to maintain and scale.

After the rebrand, I became the main Webflow owner, helping maintain brand quality across new website pages, campaign content, event pages, and marketing materials.

Challenge

DataVisor needed the refreshed brand to work beyond the initial launch. The website had to feel more consistent, explain a technical AI product more clearly, and support future marketing needs without creating more production overhead.

What I Did

  • Built selected responsive pages in Webflow
  • Refined layouts across desktop and mobile
  • Created reusable components and CMS structures
  • Helped apply the updated brand direction across website sections
  • Supported page structures for product, campaign, and event content
  • Improved consistency across new and existing website pages

Marketing Support

  • Designed campaign and event assets
  • Created social graphics and motion content
  • Supported sales and product marketing materials
  • Helped keep the updated brand consistent across different marketing touchpoints

Impact

  • Helped make complex AI and fraud prevention content easier to understand
  • Created a more consistent brand experience across web and marketing
  • Made selected Webflow pages easier to update and reuse
  • Helped reduce production support needed for routine content updates
  • Supported faster publishing for new campaign and event pages

Legacy Solutions ABM Campaign

  • Role: Visual Direction, Campaign Design, Web Design & Webflow Development
  • Collaboration: Marketing and Content Teams
  • Tools: Adobe Creative Suite, Figma, Webflow, Influ2

Project Context

DataVisor wanted to reach decision-makers at banks and credit unions considering alternatives to legacy fraud and AML platforms. I created a connected B2B account-based marketing campaign across targeted display ads, a responsive Webflow landing page, and a 12-page decision guide.

Challenge

The campaign needed to explain a complex product clearly and remain consistent across very different formats, from narrow display banners to a responsive website and long-form downloadable content.

What I Did

  • Developed two visual directions and adapted the selected concept across multiple Influ2 formats
  • Designed and built the responsive landing page in Webflow
  • Designed a 12-page decision guide for financial decision-makers
  • Created a consistent message and visual system across ads, web, and PDF

Impact

  • 0.23% CTR within the primary ABM segment, approximately 21% above the Influ2 benchmark
  • 2.8× higher CTR than the related Case Study creative
  • 723 landing-page sessions and 26 Request Demo interactions during a recent 30-day period

ABM and landing-page metrics were collected from separate reporting periods.

Explaining AI Workflows Through Motion

Challenge

DataVisor’s AI products can be difficult to explain with static visuals alone.

  • Role: Motion Design, UI Reconstruction, Storytelling
  • Collaboration: Product Team & Marketing Team
  • Tools: Illustrator, After Effects

What I Did

  • Created product demo videos for fraud detection workflows.
  • Rebuilt UI scenes to make the flow easier to follow.
  • Used motion to support sales, product marketing, and social content.

Impact

  • Made technical product stories easier to understand.
  • Supported stronger engagement on LinkedIn.

AI Fraud Detection Platform

Challenge

The fraud detection workflow was too complex to explain clearly with static product screens.

Role: Art Direction, Motion Design, UI Redesign, Storytelling

Tools: After Effects, Illustrator, AI (Expression Support)

What I Did

  • Rebuilt product UI scenes to make the workflow easier to follow.
  • Used motion and camera movement to guide viewers through the story.
  • Adapted the video for web, sales, and marketing use.

Impact

  • Used as a key visual for a major fintech event.
  • Helped sales teams explain technical concepts more clearly.
  • Achieved 2x higher LinkedIn engagement than static assets.
TOP