← back to home

2D · Infographic

payments infographic

CardConnect — Animated Payments Infographic

A clear animated infographic for CardConnect visualising the full payment process from transaction to settlement — from hand-drawn sketches through Illustrator vector design to smooth After Effects motion with clean iconography and precise timing.

CardConnect — full payments infographic.

card connect animated infographic.

For CardConnect, I created a clear and engaging animated infographic that visualises the full payment process from transaction to settlement. Starting with hand-drawn sketches to define the flow and structure, I developed vector-based designs in Illustrator and brought them to life through smooth motion in After Effects. The animation breaks down complex data into simple, easy-to-understand steps using clean iconography, fluid transitions and precise timing. The final video delivers a polished and professional visual explanation that enhances product understanding for stakeholders and customers.

  • Hand-drawn sketches to define payment flow and structure
  • Vector iconography and layouts in Adobe Illustrator
  • After Effects animation with fluid transitions and timing
  • Transaction-to-settlement narrative for complex data
  • Stakeholder- and customer-ready product explanation