quarta-feira, 11 de maio de 2022

 


A tipografia no seu projeto seja online ou impressa, diz muito quem você é.

Ela é essencial para o seu projeto, e tem uma grande importância na construção da sua marca.

Se você quer sair do comum e se destacar, o Google fonts é um excelente local para encontrar a fonte perfeita para o seu projeto.

A melhor parte, é que as fontes são gratuitas. Atualmente são mais de 1350 famílias de fontes disponíveis no site. Tenho certeza que uma fonte vai se encaixar no que você precisa!

Então para ajudar a você, nós reunimos uma seleção de fontes que são especiais.

Antes de passar uma lista de fontes, você precisa entender o impacto que uma fonte bem selecionada pode trazer de benefícios para você.

A tipografia é uma das características cruciais do design UX. Selecionar a melhor fonte para sua loja virtual, melhora a experiência do usuário. É a famosa combinação perfeita.

Quando os designers selecionam fontes para a loja, algumas perguntas precisam ser feitas, como pesos de fontes, legibilidade da altura x, taxa de contraste, escala de fonte em vários dispositivos.

É sempre melhor usar uma faixa específica de pesos, correspondências com acessibilidade, altura x, usar um padrão de taxa de contraste torna a legibilidade eficaz em vários dispositivos.

Conheça as fontes que selecionamos para o seu projeto:

Roboto

Open Sans

Lato

Montserrat

Work Sans

Rubik

Inter

Fira Sans

Boas vendas!

Este artigo foi escrito por Adriano Yamuto, da equipe de desenvolvimento do Fastcommerce.

As Melhores Fontes do Google em 2022

quinta-feira, 28 de abril de 2022


Quase todas as lojas virtuais já adotaram o Pix como meio de pagamento preferencial. Muitos clientes também estão dando preferência a pagar com Pix do que com boleto e cartão.

As vantagens para a loja são muitas: menos fraudes, taxas menores etc. Mas a principal é que o pagamento com Pix é recebido logo em seguida, ao contrário do boleto e dos cartões.

Após pagar com Pix, o cliente espera que a aprovação do pedido seja imediata. Para isto, sugerimos contratar a Yapay, que oferece as menores taxas. Para configurar, acesse PAGAMENTOS > Pix > Aceita e selecione Yapay.

Pix com aprovação automática do pedido!

terça-feira, 26 de abril de 2022


O que faz uma plataforma ser melhor do que outra nos resultados de busca no Google? Afinal, o básico do SEO a maioria das plataformas já oferece: sitemap.xml, robots.txt, schema.org, breadcrumbs, gzip, https...

A diferença está nos detalhes! Por exemplo, no Fastcommerce ao marcar um produto como não disponível, ele deixa de ser exibido na loja. Porém, sua página de detalhes continua acessível para quem encontrá-lo no Google, em algum post ou e-mail marketing. O produto não poderá ser comprado mas sua URL continuará ativa, incluindo seu cross-selling!


A diferença está nos detalhes!

sexta-feira, 22 de abril de 2022

 


Acha que já sabe tudo sobre o Fastcommerce?

Aprenda recursos pouco conhecidos da plataforma, mas que podem fazer toda a diferença no sucesso da sua loja virtual.

São 10 horas de aulas online, interativas e ao vivo! Os encontros vão ocorrer de 09 a 13 de Maio, das 15h às 17h.

O curso é indicado para lojistas, especialistas em Marketing Digital, webdesigners e integradores.

Clique aqui para mais informações.

Curso avançado de Fastcommerce!

quarta-feira, 30 de março de 2022


A tecnologia é uma aliada quando falamos em inclusão. São sites, aplicativos e dispositivos tecnológicos feitos para pessoas com diferentes tipos de habilidades e incapacidades.

É importante desenvolver recursos que tornam seu design acessível para o maior número de pessoas.

Em vez de criar tudo do zero, aqui está uma lista de ferramentas interessantes de acessibilidade para designers. Desde a criação de combinações de cores de acordo com os padrões WCAG até a adição de diferentes modos de leitura, essas ferramentas são essenciais para todos os designers

1) Stark
Stark uma ferramenta de acessibilidade repleta de recursos que ajuda designers da web e de dispositivos móveis a adicionar recursos de acessibilidade. Quer você esteja projetando um produto do zero ou atualizando seu sistema de design existente, isso oferece uma maneira descomplicada de criar produtos acessíveis em qualquer nível.

2) ColorSafe
Para tornar sua loja virtual acessível para usuários com diferentes recursos visuais, o ColorSafe oferece uma série de recursos que são muito fáceis de integrar em seu design. Ele permite que você crie visualmente lindas paletas de cores acessíveis, bem como taxas de contraste de texto e fundo com base nas diretrizes WCAG.

3) Contrast
Tal como o nome indica, o Contrast é uma ferramenta de acessibilidade que elimina o trabalho manual dos testes de relação de contraste de cores e o faz de forma rápida e automática.

Por ser uma ferramenta amigável, a ferramenta fornece informações precisas de contraste de cores (pontuação de contraste) de acordo com os padrões WCGA e atualiza todo o aplicativo em um instante.

4) Contrast Grid
Quando você trabalha em um grande projeto de design de aplicativo móvel ou web, você tem muitas opções a fazer em termos de combinações de cores. Contrast Grid é uma ferramenta que permite testar várias combinações de cores de primeiro e segundo plano.

A ferramenta baseada na web tem uma interface simples na qual você pode inserir manualmente diferentes cores que deseja usar como linhas e colunas e criará uma grade compatível com WCAG 2.) requisitos mínimos de contraste. Você pode então copiar o código da grade para HTML ou CSS.

5) Who Can Use
Who Can Use é uma ferramenta interessante que ajuda designers da web e gráficos a entender como diferentes combinações de cores e contrastes de cores afetam pessoas com diferentes deficiências visuais.

Mantendo as recomendações das WCAG em consideração, esta ferramenta intuitiva apresenta um seletor de cores de fundo com controle deslizante e informa a taxa de contraste e a graduação WCAG de cada cor. Além disso, com cada cor você consegue ver como essa cor será vista por pessoas de diferentes tipos de visão junto com uma simulação.

Boas vendas!

Este artigo foi escrito por Adriano Yamuto, da equipe de desenvolvimento do Fastcommerce.

5 Ferramentas de Acessibilidade para Designers

quarta-feira, 9 de março de 2022

 

Uma alta taxa de rejeição é frequentemente causada pela baixa acessibilidade visual de uma loja virtual. Quando as fontes são muito pequenas ou dificilmente legíveis, quando há muitas distrações ou espaço em branco insuficiente, muitas pessoas simplesmente deixam a loja sem pensar duas vezes.

Um dos motivos mais frequentes para o abandono precoce são os esquemas de cores mal selecionadas que diminuem a legibilidade do conteúdo.

De acordo com as estatísticas da OMS, existem cerca de 285 milhões de pessoas com deficiência visual em todo o mundo, muitas das quais são parcial ou totalmente daltônicas.

Pessoas com deficiência visual veem as cores de forma diferente, portanto, evitar baixo contraste de cores em nossos designs é inevitável se quisermos oferecer aos nossos clientes um site acessível e amigável.

Padrões da Web para contraste de cores

A taxa de contraste de cores mede a diferença de contraste entre duas cores. Quanto mais alto for o valor, mais fácil será distinguir o objeto (texto, imagem, gráfico) em primeiro plano e em segundo plano.

As cores podem contrastar de muitas maneiras diferentes, como matiz, valor e saturação. A taxa de contraste de cores é calculada por uma fórmula fornecida pelo W3C, a principal organização de padrões internacionais para a World Wide Web.

Pode assumir um valor entre 1: 1 (nenhum contraste, o primeiro plano e o fundo têm a mesma cor) e 21: 1 (o contraste máximo que existe apenas entre preto e branco).

O nível AA requer uma proporção de pelo menos 4,5: 1 para texto normal e 3: 1 para texto grande. É muito mais fácil ler textos grandes como legendas, por isso precisa de um contraste de cor menor.

Se você deseja atingir o nível AAA, que é o nível aprimorado, precisa projetar seu esquema de cores com mais cuidado, pois exige uma relação de contraste de pelo menos 7: 1 para texto normal e 4,5: 1 para texto grande. Se um texto fizer parte de um logotipo ou nome de marca, não há requisito mínimo de contraste de cor em nenhum dos níveis WCAG.

Só podemos chamar uma loja virtual visualmente acessível se a relação de contraste de cor entre cada objeto de primeiro plano e seu plano de fundo atingir pelo menos o Nível AA.

Benefícios da alta taxa de contraste de cor

Garantindo melhor legibilidade você não envolve apenas usuários com deficiência visual, mas também pessoas que leem seu conteúdo em telas pequenas, como em um smartphone ou um smartwatch, entre más condições de iluminação e em monitores de qualidade inferior.

As pessoas também leem mais rápido quando há maior contraste entre o texto e o fundo, então provavelmente levará mais tempo para que se cansem do conteúdo da loja virtual.

Existem muitas ferramentas gratuitas excelentes em toda a web que podem ajudar os designers a verificar a relação de contraste de cores de seus sites

O mais importante a lembrar é que você sempre precisa comparar a cor do primeiro plano, como a cor do texto, com a área ao redor (cor do plano de fundo).

WebAim (Web Accessibility In Mind) é uma organização que promove a acessibilidade na web que oferece aos desenvolvedores um verificador de contraste de cores simples.

O Verificador de contraste de cores do WebAim informa se suas cores passam nos testes WCAG AA e AAA, tanto para textos normais quanto grandes.

Se você deseja criar um site visualmente acessível, é sempre uma boa ideia evitar o uso de cores apenas para transmitir funcionalidade ou significado. Os ícones que mudam de cor com base em seu estado atual são exemplos típicos disso.

Se for possível, sempre crie pistas visuais adicionais que ajudem as pessoas que veem as cores de maneira diferente a compreender a funcionalidade.

Nunca se esqueça de prestar especial atenção ao contraste de cores dos botões, links e menus, pois são os meios de navegação do seu site. Se os usuários não conseguirem navegar facilmente em seu site, você os perderá rapidamente. As cores acessíveis para botões de call to action também são cruciais para boas taxas de conversão.

É uma boa prática de fluxo de trabalho testar a taxa de contraste de cores o mais cedo possível no processo de design, pois será difícil persuadir seu cliente a alterar o esquema de cores do site posteriormente no processo de design.

Boas vendas!

Este artigo foi escrito por Adriano Yamuto, da equipe de desenvolvimento do Fastcommerce.

Uso de Alto Contraste de Cores para um Design mais Acessível

segunda-feira, 7 de março de 2022

 

Nunca foi tão rápido e fácil deixar sua loja virtual pronta pra faturar!

Conheça o nosso novo serviço FastConfig e deixe tudo por conta da nossa equipe, desde o cadastro de produtos até a configuração do design, do frete e das formas de pagamento.

E tudo isso por apenas R$600!

Corra porque esta promoção é só até 12/3!

Clique aqui para saber mais. 


Agora VAI!

quarta-feira, 23 de fevereiro de 2022

É fato, uma empresa sem clientes não sobrevive!

O objetivo básico do Marketing de relacionamento é a construção e manutenção de uma base de clientes comprometidos e que sejam rentáveis para a empresa.

As ações primordiais do marketing de relacionamento são:

  • Atração de clientes
  • Retenção destes clientes
  • Ações de relacionamento
  • Transformação de clientes fiéis em fãs da empresa, defensores e propagadores dela.

O conjunto dessas ações de marketing de relacionamento não visa apenas aumentar as vendas de uma empresa, mas sim desenvolver uma relação contínua com seus clientes, de uma maneira personalizada, fazendo com que essas pessoas se tornem verdadeiros fãs do seu negócio.

Benefício de realizar o Marketing de relacionamento  

Quando uma empresa realiza um bom Marketing de relacionamento, o cliente não apenas compra frequentemente, como ele também indica o seu negócio e defende a sua marca para os conhecidos, nas redes sociais e em outras interações. Isso faz com que você consiga atrair novos clientes, sem ter que realizar ações específicas para isso.

Como aplicar o Marketing de relacionamento com o cliente?

Desenvolver e executar um plano de Marketing de relacionamento envolve diferentes áreas de uma empresa, sendo que não apenas o marketing e vendas são afetados pelas mudanças.

Inicialmente é necessário desenvolver uma cultura interna que valorize a fidelização de clientes. Fidelizar tem início no primeiro contato do lead com a empresa, ainda que ele ainda não esteja qualificado para comprar.

Tão importante quanto uma boa estratégia, é o uso de ferramentas adequadas, que ajudem a gerir melhor e a metrificar o relacionamento com seus clientes. Isso faz com que essas pessoas tenham sempre uma boa experiência ao ter contato com o seu negócio, diferenciando-o da concorrência.

Algumas ferramentas:

CRM - São sistemas focados no relacionamento com o cliente. Eles funcionam como um banco de dados com todas as informações relevantes sobre seus clientes e permitem automatizar as ações de relacionamento, inclusive separando os clientes e leads dentro do funil de vendas.

E-mail marketing - Crie campanhas de acordo com o perfil de cada cliente. Seja na oferta de conteúdos relevantes ou para contatos realizados, um bom Marketing de relacionamento com o cliente exige muita segmentação e personalização.

Programas de fidelidade - Os programas de fidelidade estão entre as estratégias de Marketing de relacionamento mais usadas. Trata-se de oferecer benefícios como: descontos, prêmios, ou até mesmo vantagens com parceiros da empresa, para que o cliente prefira a sua empresa ao invés de utilizar a concorrência.

Atendimento de qualidade - Se conquistar clientes é um desafio, mantê-los pode ser ainda mais difícil, e é nessa hora que o atendimento de qualidade faz a diferença. Afinal, conquistar a confiança e a lealdade do cliente é o principal objetivo do Marketing de relacionamento. Vale a pena investir em treinamentos para os funcionários e criar padrões de atendimento que sejam empáticos e humanizados.

Não deixe de acompanhar os resultados

A estratégia do Marketing de relacionamento é de longo prazo. Portanto, não devemos somente aplicá-la e deixá-la de lado. Pelo contrário, é necessário que se mantenha um monitoramento constante.

Assim como nas relações pessoais, o futuro de um bom relacionamento de marketing requer surpreender o outro, sempre!

Faça pesquisas de satisfação, converse com seu cliente, peça sugestões e, principalmente, dê condições para o negócio dele funcionar bem em função da solução que oferece a ele: ela precisa ser um sucesso para que seu negócio também seja.

Boas vendas! 

Este artigo foi escrito por Luciana Hamassaki, da equipe de Marketing do Fastcommerce.


 

Marketing de relacionamento | O que é? Como fazer?

quarta-feira, 2 de fevereiro de 2022


 O SVG (Gráficos Vetoriais Escaláveis) está ganhando popularidade no design da web atualmente e você pode usar ferramentas como o Illustrator ou Inkscape para criar gráficos SVG.

Mas quando se trata de web, devemos sempre otimizar para resultados mais leves, para a página carregar mais rápido.

Conheça as 6 ferramentas que você pode usar para trabalhar com SVG de forma rápida e eficiente.


O Method Draw é um editor SVG baseado na web, com uma interface intuitiva que vem com ferramentas em ambos os lados da tela. Você pode desenhar linhas, formas, texto de entrada ou usar formas internas e, em seguida, editar as propriedades dos objetos desenhados. Exporte a imagem no formato SVG (também vem no formato SVG base64) ou salve diretamente em PNG.


SVG Morpheous é uma biblioteca JavaScript que permite transformar um ícone SVG de uma forma para outra. Você pode definir o efeito de atenuação, a duração das animações de transição e também a direção de rotação.


Você sabia que com o SVG é possível adicionar efeitos como matiz, saturação, desfoque, sobreposição de cor linear e muitos outros às imagens? Aqui está uma ferramenta que visualiza esses efeitos e, em seguida, fornece um snippet para facilitar a incorporação do efeito em seu projeto.


Crie belos padrões geométricos SVG com o Gerador Trianglify. Você pode definir a aleatoriedade/variante da cor e o tamanho da granularidade e escolher uma paleta de cores para trabalhar.


Se você acha que as animações do carregador são legais, agora você pode criá-los facilmente utilizando SVG com SVG Circus. As ferramentas permitem que você crie seu próprio carregador, botão giratório ou qualquer coisa semelhante usando animação em loop.


Quer exportar arquivos SVG para o formato PNG? Sem abrir aplicativos como o Illustrator para fazer isso? Use esta ferramenta Conversor de SVG para PNG para obter saídas de imagens no formato PNG e também URI de dados PNG Base64, se necessário.

Boas vendas!

Este artigo foi escrito por Adriano Yamuto, da equipe de desenvolvimento do Fastcommerce.

6 Ferramentas Gratuitas para Trabalhar com SVG

 
Fastcommerce | Crie sua loja virtual © 2016 - Templateism.com