2D · Explainer · Infographic

copilot

CardConnect CoPilot — 2D Product Explainer

A streamlined 2D infographic for CardConnect's CoPilot platform — explaining how the product assists customers through payment management workflows with clean iconography, structured layouts, and smooth motion from sketch to final animation.

CoPilot — full product explainer.

2d infographic.

For CardConnect's CoPilot platform, I designed and animated a streamlined 2D infographic that explains how the product assists customers throughout their payment management workflow. Beginning with initial sketch concepts to outline key steps and user interactions, I developed vector illustrations in Illustrator and animated the full sequence in After Effects.

CardConnect CoPilot — vector product illustration — product illustration.

CardConnect CoPilot infographic — animation still 1 — explainer frame 01.

CardConnect CoPilot infographic — animation still 2 — explainer frame 02.

CardConnect CoPilot infographic — animation still 3 — explainer frame 03.

Sketch-to-screen workflow for product steps and user interactions
Vector iconography and structured layout in Illustrator
After Effects animation for smooth, clear motion
Onboarding, reporting, and account oversight story beats
Sales-ready explainer for customer and stakeholder conversations