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

VERA AI Product Video

Making complex fraud and AML workflows easier to understand through motion.

Project Context

DataVisor was expanding its focus on AI, and VERA was an important conversational AI product for fraud and AML teams. I created this product video to show how VERA could simplify complex workflows and make the product easier to understand.

Challenge

DataVisor’s VERA conversational AI agent can be difficult to explain with static visuals alone. The goal was to clearly show how VERA could simplify complex fraud and AML workflows for users.

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

What I Did

  • Led the motion design and worked with Product, Marketing, and Sales to decide what to communicate and how to tell the story.
  • Rebuilt and simplified product UI scenes in Illustrator to make the workflow easier to follow.
  • Focused on timing, text, transitions, and visual details to keep the video clear and engaging.
  • Used AI-generated voiceover with HeyGen as part of the production workflow.

Impact

  • Helped make complex product features easier for the target audience to understand.
  • Used across sales presentations, marketing, LinkedIn, and the DataVisor website.
  • Supported stronger engagement for motion content compared with static assets.

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.

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