Criação de animação interativa em HTML/CSS/JS
05/07/2025 às 19:18Descriçã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:
Atividades do cliente nesse projeto:
Última visualização: 05/07/2025 às 20:31
Última interação: 05/07/2025 às 20:18
Tem dúvidas? Faça uma pergunta.
ou
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | UX/UI & Web Design |
| Orçamento: | Aberto |
| Nível de experiência: | Iniciante |
| Visibilidade: | Público |
| Propostas: | 29 |
| Interessados: | 33 |
| Tempo restante: | |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
UI/UX para site de agência em Figma - O projeto é um site para uma agência de desenvolvimento de sites e SaaS. Preciso de um profissional que realize o web design das páginas e seções para futuro desen...
Criação de telas em Figma para app de serviços - Olá! Preciso de um designer que saiba trabalhar com Figma para montar as telas do meu aplicativo chamado Chamaja, inspirado em apps como Airbnb, GetNinjas e Uber. O aplicativo é vol...
Prototipagem de One Page com animações - Olá, tenho uma One Page (com 8 seções) e já tenho a arte pronta no Figma, porém gostaria de um designer UX/UI para a prototipagem. Como é uma One Page, n&...
Mudança de imagens e personalização da identidade visual - Substituir as imagens do site smmartpay.com para uma paleta de cores: vermelha, preta, branca e cinza. As cores devem ser mais sólidas, como nos exemplos: dilettapay.com. Nesse caso, tamb&e...
Criar site institucional em WordPress - Estamos buscando um profissional web designer com experiência em criação de sites institucionais em WordPress para projetar o site de uma empresa de treinamentos. Não qu...
