O conceito deste projeto era o de uma interface com as qualidades do Flash mas feito inteiramente em HTML, com um layout líquido, que se adequa a resolução do monitor do usuário. Para isso foi desenvolvido um framework de navegação em Ajax e diversos scripts para as animações presentes em cada página deste site.
Desenvolvido em 2011 para Agência Pic.
www.conceicaobemcasados.com.br
Uma das seções mais importantes deste site era o catálogo de Bem Casados, que continha dezenas de embalagens já desenvolvidas pela empresa. Uma forma de cativar o cliente mostrando ideias de decoração.
Desafio
Uma requisição deste projeto era que ele tivesse animações em toda sua navegação Nesta época o aplicativo Flash ainda imperava mas não era mais aconselhável sua utilização, portanto todo o projeto simulava um website desenvolvido em Flash mas que foi escrito 100% com recursos nativos dos navegadores.
Também foi criado uma mecanismo de navegação usando Ajax que permitia utilizar o site sem precisar recarregar as páginas ao se mover pelo menu, outra simulação do ambiente do Flash que possibilitou animar as transições de páginas do site.
Ao longo do projetos várias ideias de animações foram sendo propostas, prototipadas e aprovadas. O resultado ficou bem agradável e funcional como pode ser visto no vídeo logo acima.
Páginas do projeto
Tecnologias utilizadas
- jQuery
- Ajax
- XHTML
- CSS
- Animações com JavaScript