La Basque

O CONCEITO

“Premium Ice Cream”.

BRIEFING

Desenvolver a concepção do layout, linha criativa e todo front-end em HTML5 e CSS3 além das versões responsivas para tablets e smartphones do site da La Basque.

PRAZO DE DESENVOLVIMENTO

25 dias para estudo do projeto e apresentação de uma proposta.

25 dias para linha criativa e layout piloto.

45 dias para a criação de telas para desktop.

30 dias para criação de uma experiência mobile.

45 dias para programação em HTML5 e CSS3.

45 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

Clique nas imagens para ampliar.

NOVO PROJETO

Confira Abaixo.

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. Nossa equipe desenvolveu um projeto de usabilidade completo, pensado exclusivamente para o cliente, com foco em uma excelente experiência de navegação por parte do usuário. Iniciamos a ideia estudando diversas opções de arquitetura da informação, até definirmos um modelo a ser seguido.

Após essa definição de usabilidade, partimos para a escolha de uma linha criativa que fosse seguida para dar identidade visual ao site da La Basque.

LINHA CRIATIVA

Definindo a Identidade Visual do Projeto Conceito.

É hora de criar um visual impactante.

CHEGOU O MOMENTO DE DAR IDENTIDADE VISUAL AO PROJETO. A Agência Digital Moustache, procurou definir uma linha criativa que interagisse com o usuário.

Tendo um padrão definido, partimos então para a criação do layout final, com a missão de criar algo impactante, bonito e ao mesmo tempo “clean”, para não “cansar” a navegação do usuário.

DESENVOLVIMENTO

Trazendo dinamismo ao projeto.

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

DESENVOLVENDO ALÉM DO HTML E CSS! Após a definição visual, chegou o momento da equipe do “Desenvolvimento” entrar em ação, para concluir todo o desafio! Foi um trabalho complexo de implementação e adaptação do projeto para os diversos dispositivos móveis, como tablets e smartphones.

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.

  • PÁGINA INICIAL

    A página inicial do site foi pensada para mostrar de forma simplificada aos consumidores e revendedores o porque  o sorvete La Basque é o famoso “Premium Ice Cream”.

  • REVENDEDORES

    Dando continuidade à navegação, o site apresenta integração para os distribuidores, com login e senha, facilitando o processo interno da empresa. Além disso apresenta motivos para revender LaBasque para quem possa estar interessado.

  • MEU MOMENTO #LaBasque

    Logo após, o site apresenta uma área interativa para seus usuários. A ideia é que os consumidores compartilhem suas fotos no Instagram com a hashtag #LaBasque. Assim, as fotos aparecem nesta etapa do site.

  • PRODUTOS

    Ainda na mesma página, o site mostra a linha de produtos de forma simplificada e fácil de manusear. Além disso, apresenta o diferencial no processo e uso de materiais para confecção do produto.

  • VOCÊ SABIA?

    Nesta etapa do site, apresentamos brevemente curiosidades sobre a empresa, tais como seu surgimento, como chegaram à esse nome, sua linha Light de Produtos, sabores mais vendidos e muito mais.

  • CONCLUSÃO

    Por fim temos o “Encontre La Basque”, onde o usuário pode selecionar sua localização e assim, encontrar a La Basque mais próxima.

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.

Em conjunto com a equipe de desenvolvimento, o processo de adaptação do layout foi tomando forma. Com tudo finalizado, o usuário ganhou uma versão mais leve do site, para acesso em seu dispositivo, com praticidade ao carregar. Além de melhorar a experiência do usuário, esse processo otimiza o site nos mecanismos de busca, dando prioridade ao mesmo, por perceber a preocupação com a otimização de conteúdo.

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

PROJETO FINALIZADO

Confira algumas telas do projeto.

DEPOIMENTO DO CLIENTE

Mais um Job finalizado com sucesso!

Confira abaixo:

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

Andrea M. Wollenweber Gerente de Internet e MKT OnlineLa Basque
© Copyright - Agência Moustache