A COEST foi minha primeira empresa própria. Criada em 2019 por eu e um colega, a COEST nasceu com o intuito de ser uma agência de marketing e design de websites. Você poder ler o projeto de branding aqui! 🖥
O website precisava ser fácil de manter e atualizar, e também ser diferente do que vemos no mercado, por se tratar de uma agência criativa. Ele passou por duas interações no tempo que fui sócio da empresa. 👇🏽
Detalhes do projeto
Clientes & Ano
- COEST
- 2019, 2020
- Este projeto foi desenvolvido por mim, no período em que eu era sócio da COEST, e não foi feito comercialmente.
Escopo
- Design
- Desenvolvimento
- Implantação
Plataformas & Tecnologias
- WordPress
- Google Marketing Platform
- Three.js
Criando o primeiro website 🛠
O primeiro site foi criado em 2019, e tinha como principal diferencial uma animação customizada feita em Three.js, inspirada pelo icônico cubo da Apple Fifth Avenue. O site era one page, consistindo em uma página principal detalhando os serviços, e páginas para cada projeto. Baseado em WordPress e usando um dark mode no site todo.
O ponto de partida do site foi o cubo: uma animação 3D criada especialmente para o estúdio, que mostrava as diferentes versões do logo dentro de um cubo colorido e reflexivo. Este animação se tornou versátil e foi utilizada em diversos outros materiais da empresa.
Criando o segundo website 🧑🏽💻
Após um ano, percebi que o site precisava de uma mudança drástica. Enquanto o primeiro site era bem artístico e direto ao ponto, pensamos em criar um site mais explicativo de cada serviço, e mais amigável para usuários leigos e anúncios na internet.
Com isso, foi desenvolvido um tema completamente do zero, utilizando HTML, SCSS, JS e PHP para o WordPress. Apesar de ir para um lado mais tradicional, eu consegui inserir diversos elementos mais sutis no site, que o tornam super diferenciado do que vamos no mercado.
O site todo tem um fundo animado com estática de TV antiga, todos os botões são magnéticos e têm uma animação única em relação ao mouse, e ilustrações da empresa PixelTrue. Tudo isso forma uma atmosfera única para o site, e o torna super diferente e dinâmico. 📈
Elementos que fazem a diferença 🎨
Por todo o site foram implementados elementos interativos e animados que dão um ar super dinâmico à experiência. Todos os botões são “magnéticos”, com uma animação que reage ao mouse. O fundo do site é coberto em uma estática animada de TV antiga. O cursor do site é customizado e reage à cliques, carrosséis e mais. Todas as páginas têm uma animação customizada de carregamento. E muito mais!
