Tag Archives: site

Site responsivo e adaptativo: qual a diferença?

Após o crescente número de usuários de Smartfones, surgiram os formatos de site responsivo e site adaptativo. Logo, o conceito “mobile-first” veio com força total na nova era da navegação online.

O design responsivo é, resumidamente, o modo como o site responde ao ajuste do tamanho do navegador e aos diferentes dispositivos. E, à partir dele, veio também o conceito de design adaptativo. Mas afinal, qual a diferença entre ambos?

Site responsivo

O site responsivo é totalmente flexível, se adaptando a qualquer tamanho de tela, com ajuste de títulos, textos, imagens, ícones e demais itens. Desse modo, o design  mantém uma linha harmônica de semelhança, mesmo em dispositivos diferentes. Além disso, o site responsivo ocupa completamente a tela, preenchendo todos os espaços.

Site adaptativo

Já o site adaptativo funciona por meio de “quebras” no layout, definido em larguras fixas. Ou seja, ao contrário do responsivo que sempre se adapta ao novo tamanho, o adaptativo irá se ajustar somente quando o dispositivo ou navegador chegar ao tamanho de quebra definido.

Por exemplo: Um site é produzido com 1920px de largura, mas ele terá uma quebra de layout quando chegar à 1080px. Logo, entre 1920px e 1081px ele terá exatamente o mesmo layout. Caso o dispositivo tenha 1080px, será exibido um layout diferente, obtendo assim, uma quebra de informações que serão organizadas de outra maneira.

Responsivo ou adaptativo, qual utilizar?

Caso possua um site que não contém versões mobile, o recomendado é utilizar o design adaptativo. Pois, com as quebras de layout em pontos estratégicos, diminuirá a quantidade de adaptações na programação.

Se ainda não possui um site e pretende começar um do zero, o recomendado é utilizar o design responsivo. Dessa forma, você iniciará a programação pensando em todos os dispositivos.

E então, conseguiu pegar a diferença entre o site responsivo e o adaptativo? Se já tem um site pronto e deseja simplesmente adaptá-lo, vai de adaptativo. Caso seja um site novo que será programado desde o início, a melhor opção é o responsivo!

 

 

Matheus Fonseca

Gerente de Projetos

Você sabe mensurar o retorno do seu site?

Grande aliada das estratégias de marketing, as métricas de acesso de um site podem revelar muito sobre as ações tomadas fora dele.

Dispor de uma presença digital nos dias de hoje é essencial para qualquer profissional ou marca. Afinal, a internet se tornou a principal vitrine de serviços e produtos. Se você ainda não estiver online, precisa rever imediatamente.

Sem dúvidas, ter um site é fundamental para a divulgação do seu negócio. As vantagens são inúmeras, como: ser encontrado nas buscas do Google, transmitir mais credibilidade, contato facilitado e direto com seu cliente, entre outros.

Mas como saber se você já está colhendo os frutos desse investimento?

 

Métricas

Uma das métricas mais antigas é o número de visitas ao site. Os contadores de acesso estão presentes antes mesmo do surgimento de ferramentas específicas. Estes contadores eram abertos aos visitantes e funcionavam como uma catraca que somava +1 a cada acesso.

Com o passar do tempo, a complexidade dos dados obtidos a partir dos acessos foi evoluindo e a força das informações contidas foi amplamente utilizada para análises mais diversas. Isso trouxe para a web os dados necessários para comprovar que ações de marketing digital são efetivas.

Hoje temos muitas ferramentas que fazem o levantamento de diferentes métricas, mas a principal é o Google Analytics.

 

Google Analytics

O Google Analytics é a mais completa e famosa ferramenta de monitoramento e análise de sites e aplicativos. Foi desenvolvida pelo Google e o seu acesso é gratuito.

O uso da ferramenta é imprescindível para conhecer quem está acessando o seu site e, consequentemente, avaliar o resultado do mesmo.

Através do Analytics é possível monitorar: quais são as páginas mais acessadas do seu site, o perfil de quem acessa, conversões, dispositivos, cidades e outros dados que podem ser analisados isoladamente ou de maneira conjunta.

Com todos esses dados, é possível ajustar o planejamento de marketing e catalisar os resultados de maneira mais efetiva.

Para ter acesso a essa ferramenta, basta criar uma conta no analytics.google.com e inserir o código como indicado na plataforma no código do site.

Aqui na Salt, entregamos os sites com o código configurado para que os nossos clientes possam ter acesso aos seus dados desde a publicação.

 

Quais métricas avaliar?

“Alice perguntou: Gato Cheshire, pode me dizer qual o caminho que eu devo tomar?

Isso depende muito do lugar para onde você quer ir – disse o Gato.

Eu não sei para onde ir! – disse Alice.

Se você não sabe para onde ir qualquer caminho serve.”

(Alice no País das Maravilhas)

Se ainda não sabe por qual caminho seguir, nós ajudamos você.

O Analytics é uma ferramenta muito robusta e é capaz de fornecer uma infinidade de dados sobre o seu site. Mas, apenas ter um vasto número de informações sem um foco claro não trará respostas.

#SuperDica

  • Se você investe em alguma rede social,  é fundamental que você cruze os dados e veja de onde os seus acessos estão vindo. Essa informação será valiosa na hora de escolher em qual outra mídia investir.
  • Mensurar o caminho de conversão do seu usuário também é uma boa dica. Ou seja, ver como ele performa no site até preencher o formulário de contato. Com essa informação você saberá quais conteúdos são decisivos para a tomada de decisão do seu futuro cliente.

 

Para definir outras métricas, é importante pensar sobre qual o objetivo do site para seu negócio. Também em qual tipo de resultado você espera. Com essas análises, você será capaz de julgar quais dados são mais adequados – e com quais você não precisa perder tempo.

O que é uma onepage e porque ela não serve para todas as empresas?

Mariana Martini

Gerente de projetos da Agência Salt

&

Diego Fernandes

Web master da Agência Salt

 

7 dicas para bons resultados na sua loja virtual

E-commerce e comércio eletrônico são alguns dos nomes usados para falar de loja virtual. No geral, qualquer uma dessas nomenclaturas se refere à compra e venda de bens ou serviços por meio da internet. Curiosidade: A primeira loja virtual foi desenvolvida em 1981, pela empresa Thomson Holidays UK, como um sistema B2B (business to business), ou seja, tinha outras empresas como clientes.

A maior vantagem de ter uma loja virtual é o conforto oferecido ao cliente, que pode efetuar compras em qualquer lugar e a qualquer hora. Pessoas com dificuldades físicas ou emocionais de locomoção são amplamente beneficiadas. Além disso, o campo de potenciais consumidores é abrangente, não sendo restringido por localização geográfica.

Isso tudo, sem mencionar que a internet é a maior vitrine que se pode ter. Hoje os investimentos em publicidade na web ultrapassam os realizados em mídias tradicionais, como TV, rádio e impressos. Se você anuncia na internet e vende na internet, encurta a jornada de compra do consumidor. E tem as redes sociais ajudam – e muito – nesse tráfego.

Com o passar dos anos, o comércio virtual é uma forte realidade para os consumidores e uma necessidade de mercado. Por isso, é importante você ter uma boa loja virtual e se destacar entre os concorrentes. Confira algumas características relevantes para você cativar seu público-alvo:

1 – DEFINA PERSONA

Saber exatamente quem pode ser um possível cliente é extremamente essencial para um loja virtual, além de poupar tempo. Criar uma persona te ajuda a ter um marketing totalmente dirigido a possíveis consumidores, ao invés de simplesmente atirar para todo o lado.

A persona é uma representação do seu cliente ideal. Basicamente, juntando as características comuns entre seus potencias compradores você obtêm um persona.

2 – FAÇA DIVULGAÇÃO

Esteja sempre ativo em uma rede social, e em demais meios de comunicação, mantendo postagens/divulgações diárias. Faça uma ponte para seus clientes chegarem até sua loja.

3 – RECORRA AO MARKETING

Fale sobre seus produtos com “reviews” e diga as vantagens deles. Deixe seu cliente confortável ao efetuar a compra, faça comparativos com outros produtos (da concorrência ou até mesmo entre produtos próprios) e mostre como usar determinado item. Nas divulgações, lembre-se de sempre direcionar o internauta para sua loja ou página de produto específico.

Para saber mais sobre gestão de mídias sociais, acesse um de nossos artigos: Como crescer organicamente nas mídias sociais, 7 segredos para fazer boas imagens de Facebook e Qual é a mídia social mais relevante para o seu negócio?.

4 – CONVIDE SEU CLIENTE A VOLTAR

A maior estratégia para ter o cliente de volta a sua loja virtual se chama: cupom de desconto. Ofereça um após cada compra efetuada. O cliente pode receber um e-mail com um código de 10%, 15%, 30% de desconto na próxima compra, ou acumular pontos para futuras aquisições em forma de desconto. Além de ter seu cliente de volta, essa estratégia faz o cliente se sentir valorizado e fidelizado.

5 – NÃO PERCA VENDAS SAZONAIS

Tenha sempre uma promoção ou produto que combine com determinada época do ano: presente para o Dia das Mães, Dia dos Namorados, roupas quentinhas de inverno etc. A notícia dessas promoções sazonais tem que ser enviado para o e-mail dos seus clientes. Também devem ser comunicadas em mídias sociais.

6 – ANALISE MÉTRICAS DE E-COMMERCE

Nunca deixe de monitorar constantemente o seu site. Colete dados como: quantidade de acesso, produtos mais conferidos, melhores dias e horários para anunciar, de onde estão vindo os visitantes e compradores, número de conversões etc. Explore bastante sua melhor fonte de tráfego.

7 – AVALIE DESIGN E USABILIDADE DA LOJA VIRTUAL

Se você já fez de tudo para melhorar o tráfego da sua loja virtual e as vendas não aumentam, você deve conferir duas situações. A primeira é se o seu produto/serviço é realmente bom e se há demanda relevante. Se isso com certeza estiver ok, confira se o site do seu e-commerce está convidativo e facilitado. Por vezes, uma loja virtual que era top há uns anos pode não cativar mais. Isso ocorre porque as tendências mudam. A facilidade em navegar nunca foi tão fundamental, afinal, vivemos em tempos corridos. Além disso, o site precisa ser bonito e condizente com a identidade visual da marca, que, por sua vez, precisa ter tudo a ver a persona. Sacou? Revise essas questões e evite clientes abandonando carrinhos.

Se precisar do apoio de quem entende do assunto, conte com a expertise da Agência Salt.

 

Yago Duarte,

Programador da Agência Salt

&

Deysiane Marques,

Jornalista, graduanda em Letras e analista de comunicação da Agência Salt.

Como será o site no futuro? Conheça as tendências

Reconhecendo uma característica padrão do profissional de criação web, que é sempre estar atualizado, o time da Salt se orgulha em ter aderido precocemente ao design “responsivo adaptativo”, quando era apenas um conceito – e não regra. Nosso anseio é pensar em funcionalidade duradoura, ou seja, no site no futuro. Estamos sempre em busca de aplicar novas tendências que, lá na frente, serão necessidades. A ânsia em nos adiantar para oferecer o melhor é grande!

Observamos, recentemente, o uso de dispositivos móveis ultrapassar, em acesso, ao de computadores (de mesa e laptops) e isso já é um prelúdio. Mirando nas tendências e novidades anunciadas nos meios mais premiados dos últimos meses, podemos prever e traçar um panorama de conceitos futuros. Chegou a hora de nos antecipar ao mercado mais uma vez. Quer largar na frente conosco? Compartilho abaixo algumas apostas:

 

1) Mobile

2017 foi um marco para a internet móvel. Isso significou uma mudança na forma em que criamos e desenvolvemos os sites, agora mais focados em soluções de usabilidade no mobile. Portanto, para 2018 esperamos sites mais intuitivos e simples de navegar. Eles trarão mais resultados e conversões. O site República das Saias traduz esse conceito muito bem. O uso de smartphones e tabletes só tende a aumentar. Olho nisso!

 

2) Animações

Animações fazem ideias e interfaces serem mais compreensíveis. Quer facilitar o entendimento de um produto ou serviço? Aposte nas animações, sem dúvida. Em um mundo em que todos têm pressa, as animações são o que há por traduzirem conteúdos complexos e relevantes de forma sintética e rápida. Informa e engaja, ao mesmo tempo!

Animações na Web

Percebemos o retorno de GIFs animados, basicamente pelo motivo de compatibilidade com qualquer dispositivo. Seja para dar um toque descontraído em um texto ou até mesmo como parte de um layout. Com a evolução dos navegadores, hoje podemos experimentar animações vetoriais em SVG sincronizadas com a rolagem da página. Em suma, quando bem-feita, as animações podem transformar um bom projeto em um projeto excelente.

 

3) Cores

Percebemos, no ano passado, um aumento no uso de cores mais chamativas sendo utilizadas por meio das plataformas digitais. E isso não vai mudar em 2018. Quer exemplos disso? Dá uma espiadinha no site da Apple e da Pantone. Nosso departamento de design aposta em explorar ainda mais nas cores para entregar projetos excepcionais.

 

4) Textos de site no futuro

Chega de “blá blá blá” e vá direto ao ponto. Seja objetivo na home, no sobre e nas abas de serviços. Nada de rodeios! Se quer facilitar a vida do seu consumidor e possível fã de marca, você não quer deixar a vida dele mais difícil. Frases curtas impactam e emocionam mais. Além de ajudarem no design. Serviços não precisam de muitas introduções, mas de descrições. Quer coisa mais entediante que entrar em um site e sofrer para achar o preço de um produto ou os detalhes de um evento?

Sim! Quem ama algo quer ler muito sobre. Mas, convenhamos, até para amarem sua marca, você precisa ter dado informações objetivas sobre ela antes, certo? Nada melhor que deixá-las fáceis de serem degustadas. Então, que tal reservar textos mais longos para um blog? Isso é legal porque além de entregar muito texto só para quem realmente quer, você terá mais uma ferramenta para ranquear melhor nas buscas. Um mundo cheio de bom conteúdo e lotado de palavras-chave se chama: blog!

Conseguiu sentir a nova onda de tendências? Use e abuse dessas dicas. Se você tiver uma opinião sobre o assunto, ela é bem-vinda. Deixe aqui nos comentários. Desejo sucesso para seu site no futuro!

 

Diego Fernandes

Web master da Agência Salt