Crea una tabla de comparación de planes de precios para un sitio web de suscripción

Gestionamos un sitio web basado en suscripción y actualmente mostramos nuestros planes de precios como una lista simple con viñetas, lo que dificulta que los visitantes vean lo que realmente cambia entre los niveles. Necesitamos que alguien diseñe y construya una tabla de comparación adecuada que presente todos los planes uno al lado del otro, con un claro resaltado visual sobre las diferencias y sobre el plan recomendado. La tabla debe funcionar bien tanto en escritorio como en móvil, ya que una gran parte de nuestros visitantes navega por los precios en sus teléfonos y actualmente tienen que hacer zoom solo para leer las columnas.

Además de la tabla en sí, necesitamos un interruptor encima de ella que permita a los visitantes alternar entre la facturación mensual y anual, con el precio anual mostrando el porcentaje ahorrado en comparación con el pago mensual. Cada botón de elegir-este-plan debajo de una columna debe llevar al visitante directamente al pago con ese plan exacto ya seleccionado, sin pasos adicionales ni un carrito de compras intermedio. Por favor, incluye en tu propuesta un plazo y un precio que consideren:

— diseño limpio y moderno que coincida con una página de precios típica de SaaS
— animación de alternancia suave entre mensual y anual, sin salto de diseño
— versión amigable para móviles, columnas apiladas o deslizables
— integración funcional de cada botón con nuestro flujo de pago existente
— pruebas en múltiples navegadores antes de la entrega