Hugo Gloss

O PROJETO

Confira as linhas de planejamento.

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 Portal Hugo Gloss.

PRAZO DE DESENVOLVIMENTO

15 dias para estudo da marca e do projeto anterior

15 dias para linha criativa e layout piloto

15 dias para a criação de telas para desktop

15 dias para adaptações das telas para tablets

15 dias para adaptações das telas para smartphones

30 dias para programação em HTML5 e CSS3

NOVA IDENTIDADE VISUAL

Alavancando a Marca no Mercado.

REESTRUTURAÇÃO

Criando uma navegação com “conceito”.

Veja abaixo o comparativo entre o Blog antigo e o Blog atual, que foi totalmente desenvolvido pela equipe da Agência Moustache. O Blog se tornou uma novidade para os usuários, ampliando a audiência e o tempo de permanência online.

BLOG ANTIGO

BLOG NOVO

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.

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 do Hugo Gloss.

LINHA CRIATIVA

Definindo a Identidade Visual do Projeto Conceito.

É hora de criar um visual impactante.

A MISSÃO DE TRAZER INOVAÇÃO AO PROJETO.

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, procuramos 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.

RESULTADOS ONLINE

Ampliação da Audiência.

Novo Site. Novas Possibilidades.

IDENTIDADE VISUAL É TUDO! Pouco tempo depois de o projeto ir ao ar, os resultados começaram a aparecer.

Impressionado com tamanha repercussão do novo site, o Hugo Gloss veio nos agradecer pela ampliação na audiência. Pelo que constatamos, houve um aumento de mais de cem mil novos acessos ao ex-blog e agora, Portal Hugo Gloss. Impressionante, não é mesmo?

Isso é a prova de que devemos dar total atenção aos padrões visuais e à qualidade de uma marca. O novo Portal, desenvolvido pela Agência Moustache, é muito mais dinâmico, usual e agradável ao leitor. Além de ser completamente interativo, permitindo o rápido acesso e compartilhamento das informações, dicas e notícias. Hugo Gloss tinha um blog com muitos acessos, mas agora tem um portal que serve como referência para seus leitores… E com ainda mais acessos!

PORTAL RESPONSIVO

Uma experiência exclusiva.

RESULTADO FINAL

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

NOTA PUBLICADA NO SITE

Mais um Job finalizado com sucesso!

Confira abaixo:
Hugo Gloss

SITE GOLD. O processo foi árduo. Trabalhamos mais de 4 meses no novo site junto com a Agencia Moustache (uns fofos, e tem uns magyas, indico real), pensando em cada detalhe para melhorar a sua navegação e para o conteúdo aparecer de uma forma mais limpa e clara. Estava precisando dar um F5 na vida, sabe? Continuo amando minhas coroas glossificadas, mas o site tava OLD e não GOLD!

O maior diferencial desse site é que você pode entrar do computador, do telefone ou do tablet e o site se adaptará, sem perder o design. Já não era sem tempo, né?

É muita novidade, meu povo! E a gente tá amando esse site novo. Eu então, estou apertando tanto o F5 que minha mão ja ja ficará comprometida para outras funcões!  Obrigado a toda a equipe Moustache que fez o site virar realidade e ao iG que agora é nosso parceiro! 😀

Hugo GlossBlogueiroHugo Gloss
DEPOIMENTO DO CLIENTE

Satisfação do Trabalho Desenvolvido!

Confira abaixo:
Hugo Gloss

Chega um momento na vida que você precisa dar uma repaginada no visual, e na vida virtual não é diferente. Foi aí, que a Agência Moustache entrou na vida do hugogloss.com, em tempo recorde fizeram um novo site pensando em cada detalhe para melhorar a navegação e como deixar o conteúdo mais claro e fácil para o meu leitor. E claro, melhorou (e muito!) as formas de monetizar meu site. Resumindo, a Moustache tem o selo Gloss de qualidade e que nossa parceria dure por muito tempo.

Hugo GlossBlogueiroHugo Gloss
© Copyright - Agência Moustache