Aguas Prata

O CONCEITO

Naturalmente saudável.

BRIEFING

Desenvolver a concepção do layout, linha criativa e todo front-end em HTML5 e CSS3 além de uma experiência mobile reformulada para tablets e smartphones do novo site conceito da marca Águas Prata.

Dessa forma, o novo site acaba fortalecendo a comunicação da marca, aproximando a mesma dos seus clientes e criando a possibilidade de conquistar novos consumidores.

PRAZO DE DESENVOLVIMENTO

15 dias para estudo do projeto e apresentação de uma proposta conceitual

15 dias para linha criativa e layout piloto

20 dias para criação da experiência mobile, que se aplica à todos os dispositivos móveis.

30 dias para programação em HTML5 e CSS3

15 dias para desenvolvimento da experiência mobile

REESTRUTURAÇÃO

Criando uma navegação com “conceito”.

Veja abaixo o comparativo entre o site antigo e o projeto atual, desenvolvido pela equipe da Agência Moustache. O site conceito se tornou uma novidade para os consumidores, ampliando o tempo de permanência do usuário.

SITE ANTIGO

NOVO PROJETO

QUER VER O PROJETO COMPLETO? CONFIRA O PASSO A PASSO.

Entenda como o projeto foi desenvolvido e confira todas as telas no final.

Briefing Inicial e Brainstorm

Arquitetura de Informação

Definição de Linha Criativa

Criação de Layout Piloto

Entrega para Integração

ARQUITETURA & UX

Planejando uma nova experiência.

Fase inicial do projeto

UM CONCEITO BEM ESTRUTURADO MERECE UMA NAVEGAÇÃO INOVADORA. O projeto apresentou etapas que foram fundamentais para concretizar um resultado satisfatório, tanto por conta do cliente quanto da agência. Com o conceito definido, precisávamos definir a melhor forma de contar a história de captação da água até o momento em que o produto se torna disponível para o consumo.

Passando por diversas fases de elaboração de estruturas e wireframes, as equipes de criação e de arquitetura da informação foram aprimorando as versões até definirem a arquitetura mais adequada e coerente para valorizar o projeto e criar uma experiência de navegação que fosse interessante e intuitiva ao usuário.

Após essa definição de usabilidade, partimos para a escolha de uma linha criativa que fosse seguida para dar identidade visual ao projeto do novo site da Águas Prata.

LINHA CRIATIVA

Definindo a Identidade Visual do Projeto Conceito.

É hora de criar um visual impactante.

A MISSÃO DE TRAZER O REALISMO DA NATUREZA PARA A TELA DO COMPUTADOR E DOS DISPOSITIVOS MÓVEIS. A equipe de criação da Agência Digital Moustache recebeu a missão de viabilizar o conceito e fazer valer a ideia em questão. A proposta de reproduzir na tela um ambiente natural, mesclado com informações e sem perder a navegabilidade foi um verdadeiro desafio. Com planejamento e análises criteriosas, conseguimos definir o melhor padrão visual a ser trabalhado. Com o material captado na nascente e na fábrica, integramos os ambientes e desenvolvemos todo o visual do projeto.

DESENVOLVIMENTO

Trazendo dinamismo ao projeto.

Início do desenvolvimento e aplicação de tecnologias

DESENVOLVENDO ALÉM DO HTML E CSS! O processo de desenvolvimento desse projeto teve início com a análise e viabilização das funcionalidades e dinamismos do site. A equipe selecionou as melhores formas de otimização, para aplicar os efeitos desejados sem perder desempenho e praticidade no acesso.

O projeto foi além do front e do back-end (termos técnicos para o desenvolvimento), e contou com a inserção de materiais em vídeo e em 3D, tornando possíveis alguns recursos desejados dentro da dinâmica que foi proposta.

  • Página Inicial

    A página inicial do site foi pensada para mostrar de forma simplificada aos consumidores o conceito de “Naturalmente Saudável”. Com isso, a página apresenta um modelo de navegação especial, que mostra o envolvimento da natureza com o produto.

  • Benefícios

    Dando continuidade à navegação, o site mostra os principais benefícios do produto, comprovando que tudo vem de uma fonte natural e benéfica à saúde.

  • Conclusão

    Por fim, o site apresenta o produto pronto para o consumo final, concluindo a experiência de navegação que mostra o conceito “Naturalmente Saudável”.

  • Cachoeira

    Nossa equipe foi até a nascente da Águas Prata, onde está localizada a cachoeira, para realizar uma filmagem do ambiente e integrá-la ao site.

  • Processo

    Após a captação da água, é realizado um processo de tratamento e filtragem para eliminar possíveis impurezas. Continuando a navegação, o site exibe a parte final desse processo, trazendo o produto na esteira, pronto para ser distribuído e chegar à mesa do consumidor.

RESULTADOS ONLINE

Ampliação da Audiência.

Novo Site. Novas Possibilidades.

RETOMANDO A AUDIÊNCIA! Com o projeto no ar, o site passou a apresentar um aumento no número de acessos, comparado aos dados anteriores à reformulação.

A equipe desenvolveu o projeto com objetivo de proporcionar aos usuários a melhor experiência de navegação possível, com um site bonito, institucional, e diferenciado, por apresentar a marca e o produto de uma forma única.

Com a ampliação da audiência a marca ganha visibilidade e notoriedade no mercado, criando a possibilidade de conquistar novos clientes, por demonstrar uma comunicação prática, interativa e intuitiva. A navegação mobile também se tornou um ponto positivo no aumento do número de acessos, tendo em vista a crescente utilização dos dispositivos móveis no acesso à internet.

NAVEGAÇÃO MOBILE

Uma experiência exclusiva.

Atenção aos acessos em dispositivos móveis.

Pensando nas possibilidades que os dispositivos móveis permitem, procuramos desenvolver uma experiência mobile mais simplificada, semelhante à um aplicativo, otimizando a exibição das informações e imagens.

Confira a imagem de prévia ao lado ou acesse o site do seu smartphone: www.aguasprata.com.br

RESULTADO FINAL

Confira algumas telas do projeto que surpreendeu os usuários.
Não deixe de conferir o projeto online. Acesse: www.aguasprata.com.br

DEPOIMENTO DO CLIENTE

Mais um Job finalizado com sucesso!

Confira abaixo:
- Andrea Maldonado Wollenweber

“A Moustache é uma agência bem parceira e que aceita os desafios para fazer um ótimo projeto como comprometido.
A equipe de criação deles é muito criativa e supera as expectativas.
A empresa gostou muito dos sites realizados!”

- Andrea Maldonado Wollenweber
© Copyright - Agência Moustache