Crie uma tabela de comparação de planos de preços para um site de assinatura

Nós administramos um site baseado em assinatura e atualmente mostramos nossos planos de preços como uma lista simples com marcadores, o que dificulta para os visitantes verem o que realmente muda entre os níveis. Precisamos de alguém para projetar e construir uma tabela de comparação adequada que apresente todos os planos lado a lado, com um destaque visual claro nas diferenças e no plano recomendado. A tabela deve funcionar bem tanto em desktop quanto em mobile, já que uma grande parte dos nossos visitantes navega pelos preços em seus telefones e atualmente precisa dar zoom apenas para ler as colunas.

Além da tabela em si, precisamos de um interruptor de alternância acima dela que permita aos visitantes alternar entre faturamento mensal e anual, com o preço anual mostrando a porcentagem economizada em comparação ao pagamento mensal. Cada botão de escolha-deste-plano abaixo de uma coluna deve levar o visitante diretamente para o checkout com aquele plano exato já selecionado, sem etapas extras ou um carrinho de compras no meio. Por favor, inclua em sua proposta um prazo e preço que contemplem:

— layout limpo e moderno que combine com uma página de preços típica de SaaS
— animação suave de alternância entre mensal e anual, sem salto de layout
— versão amigável para mobile, colunas empilhadas ou deslizáveis
— integração funcional de cada botão com nosso fluxo de checkout existente
— teste em múltiplos navegadores antes da entrega