DataVisor
As a Brand & Digital Designer at DataVisor, I help create scalable web and marketing experiences for complex AI products. I contributed to the company’s website rebranding by building selected Webflow pages, refining layouts, and helping bring the updated brand direction into responsive web experiences. After the rebrand, I continued supporting the website through Webflow updates, reusable components, and flexible content structures that help the marketing team publish and update content more efficiently. My work also includes high-fidelity product demos, motion graphics, and marketing assets that make complex AI systems easier to understand.
Rebranding & Web Development
Product Demo & Motion
Video Production
DataVisor’s website rebranding was a collaborative effort across design, marketing, and agency partners. I contributed to visual exploration and helped bring the updated brand into Webflow through selected pages, responsive layouts, content structures, and reusable templates.
Visual Assets & Brand Consistency (Multi-Page Assets)
Website Rebranding & Webflow Content System
Project Context
DataVisor’s website rebranding was a collaborative effort
between an external agency, the internal design team,
marketing team, and stakeholders. Through multiple
discussions, I helped shape the website direction, visual
design decisions, and UI/UX polish needed to bring the
updated brand into the web experience. The agency helped
establish the foundation of the new website, and I
contributed by building selected Webflow pages, refining
layouts, and turning the updated visual direction into
responsive web experiences.
After the rebrand, I
continued supporting the website as the main Webflow
owner, building new pages, reusable components, and CMS
structures to help the marketing team launch and update
content more efficiently.
Overview
I built and maintained scalable Webflow systems that helped the marketing team create and update pages more efficiently. For selected pages, I supported the Webflow build from layout execution to responsive adjustments. I also helped create reusable components and content structures so event, campaign, and product content could stay visually consistent and easier to manage.
- Role: Webflow Developer / Brand & Digital Designer
- Collaboration: Cross-functional design and marketing partners
- Tools: Webflow, Figma, AI-assisted workflows
Contributions
- Website Rebranding Support: Helped translate the updated brand direction into Webflow pages and reusable website components.
- Webflow Development Built responsive pages, components, and page structures for marketing, event, and product content.
- Content Structure: Built reusable content models that supported consistent page creation across different marketing needs.
- Brand Consistency: Helped keep the website visually consistent across different page types and marketing needs.
- Workflow Improvement: Made it easier for the marketing team to update content and scale new pages with less production overhead.
Impact
- Clearer B2B Experience: Helped make complex AI and fraud prevention content easier for visitors to understand.
- Faster Publishing: Helped reduce the time required to launch new event pages.
- Team Efficiency: Reduced production support needed for routine content updates.
- Brand Consistency: Maintained consistent layouts and styling using component and template.
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 across demo, launch, and social media content.
Product Video: AI Fraud Detection Platform
Overview
Created a product demo video for DataVisor’s AI fraud detection platform, originally created around a major fintech event. The video was later adapted across website, sales enablement, and marketing materials.
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 for a major fintech event.
- Sales Enablement: Helped simplify technical concepts for executive-level presentations.
- Engagement: Achieved 2x higher LinkedIn engagement compared to static assets.