Ricardo S.

Projetos (Aguardando Propostas):

• Criação de animação interativa em HTML/CSS/JS

  UX/UI & Web Design | Orçamento: Aberto | Publicado: | Propostas: 29

  Descrição do projeto:
  Olá! Estou em busca de um(a) freelancer talentoso(a) em desenvolvimento front-end e animação para criar uma pequena história interativa e visualmente impactante. O objetivo é explicar de forma simples e elegante como funciona um consórcio, usando uma analogia com a organização de um churrasco.
  
  A ideia é substituir uma demonstração estática atual por uma animação fluida, profissional e autoexplicativa que será parte de um dashboard de análise financeira.
  
  O conceito (a lógica do churrasco):
  
  A animação deve contar a seguinte história em etapas:
  
  • Formação do grupo: Vários ícones de pessoas aparecem na tela, representando um grupo de amigos que quer organizar um churrasco.
  
  • Contribuição: Cada pessoa contribui com um valor (ex: R$ 100). A animação deve mostrar o dinheiro saindo de cada pessoa e se movendo para um ponto central.
  
  • Fundo comum (caixa): O dinheiro se acumula em um "caixa" ou "fundo comum" que cresce visualmente.
  
  • Contemplação: Um dos participantes é sorteado (destacado com um brilho ou efeito especial) e recebe o valor total do caixa para comprar os itens do churrasco.
  
  • Conquista: O participante contemplado aparece com o "prêmio" (um ícone de troféu, churrasqueira, etc.), ilustrando a conquista do bem.
  
  Requisitos visuais e técnicos:
  
  • Estilo: O design deve ser moderno, limpo e profissional, utilizando ícones SVG de alta qualidade.
  
  • Animações: As transições entre as etapas devem ser suaves e elegantes (ex: fade in, slide, movimento de elementos). Não quero nada "infantil" ou com cara de template.
  
  • Interatividade: A animação deve rodar automaticamente, mas um botão de "Reiniciar" deve permitir que o usuário veja a história novamente.
  
  • Tecnologia: O resultado final deve ser um arquivo HTML único com todo o CSS e JavaScript incorporado, sem dependências externas (exceto talvez uma biblioteca de animação leve como a GSAP, se necessário, via CDN).
  
  Habilidades e experiência necessárias:
  • Domínio de HTML5, CSS3 e JavaScript (ES6+).
  
  • Forte experiência com animações em CSS (Transitions, Keyframes) e/ou bibliotecas de animação JS (ex: GSAP, Anime.js).
  
  • Habilidade para criar layouts responsivos e visualmente agradáveis.
  
  • Atenção aos detalhes e bom senso estético.
  
  • Obrigatório: Apresentar um portfólio com exemplos de animações web ou projetos interativos que você já desenvolveu.
  
  O que eu espero receber:
  • Um único arquivo .html contendo toda a estrutura, estilos e scripts da animação.
  
  • O código deve ser limpo, organizado e comentado para facilitar futuras manutenções.
  
  • Prazo: [Informe aqui o prazo desejado para a entrega. Ex: "7 dias"]
  
  Aguardo sua proposta! Por favor, inclua exemplos do seu trabalho que sejam relevantes para este projeto. Obrigado!

  Habilidades desejadas: 3DS Max.