DataVisor Web

DataVisor

As a Graphic Designer at DataVisor, I design and build scalable digital experiences that simplify complex AI products. My work spans Webflow CMS systems for marketing operations and high-fidelity product demos that make AI systems easy to understand. By combining design, motion, and front-end thinking, I help marketing and product teams produce consistent, high-quality assets faster.

Product Demo & Motion

Video Production

Web Design & Development

Product Video

Overview

VERA is a conversational AI platform designed for fraud investigation workflows. I transformed an existing product demo into a marketing-focused motion piece by simplifying complex user flows and rebuilding the interface in After Effects to create a cleaner, more engaging visual experience.

  • Role: Lead Motion Designer & Visual Strategist
  • Collaboration: Product Team & Marketing Team
  • Tools: Illustrator, After Effects
  • Motion Refinement: Refined transitions and pacing to create a more intuitive product flow.

Contributions

  • Story Simplification: Reworked the original product walkthrough into a clearer, more story-driven experience.
  • UI Reconstruction: Rebuilt the interface in After Effects for smoother motion and stronger visual control.
  • AI Motion Design: Designed custom thinking and loading animations to visualize AI decision-making.
  • Motion Refinement: Refined transitions and pacing to create a more intuitive product flow.

Impact

  • Workflow Simplification: Simplified a complex AI workflow into a clear visual story.
  • Cross-Team Communication: Helped marketing and sales teams communicate product value more effectively.
  • Global Usage: Used in global demos, launch campaigns, and social media content.

Visual Assets & Brand Consistency (Multi-Page Assets)

Webflow CMS System

Overview

Built a scalable Webflow CMS system for managing high-volume event pages. By replacing static page creation with reusable templates and structured CMS fields, I helped the marketing team launch and update pages faster without relying on developers.

Role: Lead Web Developer & Co-Designer

Collaboration: Senior Designer & Marketing Team

Tools: Webflow, Figma, Claude

Contributions

  • Template System: Designed reusable event page templates to keep layouts flexible and visually consistent.
  • CMS Structure: Built a custom CMS setup connecting speaker profiles, event details, and hero sections to dynamic content fields.
  • Workflow Simplification: Reduced manual page building by shifting the workflow from page creation to content management.
  • No-Code Support: Enabled non-technical team members to launch and update event pages independently.

Impact

  • Faster Publishing: Reduced the time required to launch new event pages.
  • Team Efficiency: Removed the need for developer support on routine content updates.
  • Brand Consistency: Maintained consistent layouts and styling across global event pages.

Product Video: AI Fraud Detection Platform

Overview

Created a product demo video for DataVisor’s AI fraud detection platform, originally launched for Money20/20. The video was later reused across sales decks, website, and global marketing campaigns.

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

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

Contributions

  • UI Redesign: Rebuilt the product UI to simplify complex AI workflows into clear, visual storytelling.
  • Motion Design: Used 3D layers and dynamic camera movement to create an engaging, high-energy demo.
  • AI Support: Leveraged AI to generate After Effects expressions and speed up production.

Impact

  • Global Launch: Featured as a key visual at Money20/20, the world’s largest fintech event.
  • Sales Enablement: Helped simplify technical concepts for executive-level presentations.
  • Engagement: Achieved 2x higher LinkedIn engagement compared to static assets.
TOP