Artigos de Web Design e Engenharia de Conversão

Como você sabe se uma agência de web design não é a ideal para seu negócio antes de contratar uma? Temos diversos clientes que tiveram experiências ruins com suas agência de webdesign, profissionais que descumprem prazo ou simplesmente não entregam o que você precisa.

E achamos isso muito triste porque temos amigos que são ótimos web designers e que estão constantemente procurando maneiras de melhorar os sites de seus clientes. No entanto, muitos empresários têm experiências horríveis com web design. Isso significa que a indústria está cheia de “agências ruins”?

Provavelmente não.

Veja nós da GSP Sites, por exemplo somos uma agência de webdesign 5 estrelas no Google, com dezenas de avaliações positivas de nossos clientes, sempre antes de contratar uma empresa verifique as avaliações dela no Google, para saber como foi a expreriência de outras pessoas e evitar dor de cabeça.

Tem mais a ver com o fato de que os empresários lutam para encontrar a agência de design web certa para suas necessidades.

E, infelizmente, é por isso que esta indústria tem uma má reputação. É fácil contratar uma agência por causa do seu “fator uau”. Tomamos decisões de compra com base em seu site brilhante e escritórios chiques.

Mas e se a grande agência com as cadeiras confortáveis e a máquina de café brilhante não é adequada para o seu negócio?

Por que não somos certos para algumas pessoas

Nem todos os web designers são claros sobre quem são seus clientes ideais, e isso não ajuda os consumidores que estão procurando fazer uma escolha informada e escolher uma agência que funcione para eles!

É por isso que somos tão apaixonados em usar nossa cópia e nosso conteúdo para dizer para quem somos certos e para quem não somos certos.

Nós provavelmente somos uma “agência ruim” para algumas pessoas. Se alguém não está preparado para trabalhar o conteúdo de seu site, espera que nós criemos cópias de posts de blogs, então não somos a agência certa.

Porque não é isso que fazemos.

E isso nos torna uma má escolha para aquele cliente em particular.

Como agência, estamos certos para pessoas que são bastante proativas, querem aprender, não se importam de sujar as mãos e estão felizes por fornecer-lhes suporte remoto através de vídeos de treinamento e e-mails. Somos a agência perfeita para algumas pessoas, e uma agência terrível para outras.

Por que as grandes agências de web design não são certas para algumas pessoas

Da mesma forma, uma grande agência com um portfólio incrível que cobrará dezenas de milhares de reais pode não ser certo para alguém com um pequeno negócio local.

Para dar um exemplo, uma vez falamos com uma advogada que teve seu site projetado por uma grande agência que trabalhou com empresas enormes. Eles eram líderes da indústria. E, claro, o site dessa senhora acabou sendo incrível (e muito caro!).

Mas, em retrospectiva, ela nos disse que preferia contratar um web designer freelancer porque tudo o que ela precisava era de um site de boa aparência que a classificasse localmente para suas palavras-chave. E a agência que ela contratou não ajudou com isso – eles eram quase grandes demais para seus negócios e suas necessidades.

Se você é uma pequena empresa (com um orçamento menor), é melhor contratar um web designer que se preocupa com o seu negócio e terá tempo para perguntar exatamente  o que você quer alcançar com o seu site.

Então, se você está no mercado para um novo site ou um redesign de site, como você sabe qual agência de web design é a certa para você?

Como encontrar a agência certa para você

1. Seja claro sobre o que você precisa do seu site

Em primeiro lugar, que tipo de apoio você espera de uma agência de web design? Você quer trabalhar com uma grande agência chique ou um freelancer local?

Ambos estão bem. Não há certo ou errado aqui – desde que você entenda as diferenças entre as várias opções e os prós e contras de cada um.

Então comece identificando o que é importante para você, por exemplo,

• Você quer classificar-se altamente em resultados de pesquisa? Então você precisa de uma agência com conhecimento de SEO.
• Você é uma marca de luxo, e você precisa do seu site para ser tudo sobre o design? Em seguida, encontre uma agência que se encaixe na conta para isso, com experiência prévia de lidar com designers de luxo
• Você é um tecnofóbico total e acharia útil ter muito tempo cara a cara com um web designer? Um freelancer local  pode  ser  o melhor  para  você..

Mas que outros sinais você deve tomar cuidado antes de ir em frente e contratar uma agência de web design?

2. Fique longe de agências web com um site ruim

Isso parece bastante óbvio, mas uma agência com um site ruim provavelmente não será o certo para você!

Então não os contrate! Mesmo se você é amigo ou se alguém que você conhece recomendou-os para você porque eles  são amigos! (Ou mesmo família!). Se o site deles não é bom, as chances são de que eles não saberão como projetar um site bom para você.

3. Certifique-se de que você tenha acesso ao backend do seu site

Você precisa ter acesso ao backend do seu site.

Então, antes de contratar alguém, certifique-se de que a agência lhe dê acesso total  ao backend (ou Sistema de Gerenciamento de Conteúdo) do seu site.

Mesmo que você ainda não tenha certeza de como navegar ao redor dele, você sempre pode aprender. E ter acesso definitivamente vai funcionar melhor (e ser mais barato) para você a longo prazo. Você só não quer estar em uma situação onde seu web designer cita uma quantidade ridícula de dinheiro sempre que você tem que fazer uma pequena mudança no seu site!

Se isso acontecer, você vai ficar com raiva. E você teria o direito de ter!

4. Cuidado com os web designers que usam muito jargão

Então você tem pesquisado agências de web design, e seus sites estão cheios de conversas sobre HTML, CSS e PHP.

Legal.

Você conclui que ter um site é técnico e confuso, então é melhor você apenas entregar tudo para esses caras que soam como eles sabem do que eles estão falando.

Fique longe deles!

Eles podem (ou não) saber como construir sites. Mas a cópia deles está dizendo outra coisa : eles não têm respeito por você. Porque eles escolhem ‘explicar’ as coisas de uma forma que não faz sentido para você!

E você sabe o quê?

Não há necessidade de usar linguagem jargão em tudo – nós não fazemos isso! Basta dar uma olhada em nosso site, não estamos escrevendo para impressionar nossos clientes ou confundi-lo, tentamos explicar as coisas de uma maneira que é fácil de entender.

Não temos interesse em desperdiçar espaço precioso em nosso site usando palavras que não significam nada para nossos potenciais clientes. Para nós, é uma oportunidade perdida de nos conectarmos com nossos visitantes e dizer a eles exatamente  para quem somos certos e para quem não somos certos.

5. Grande ou pequeno não importa, desde que atendam às suas necessidades

Da mesma forma, vimos muitos exemplos de pessoas que começaram seus negócios a partir de sua mesa de cozinha (nada de errado com isso!) que, em seguida, passaram a engessar seus sites com imagens de estoque de escritórios brilhantes e grandes equipes – essencialmente fazendo-se parecer muito maior do que eles são.

Não há necessidade disso. E a maioria das pessoas são genuínas e honestas sobre quem são e quem não são, mas nem todos são, então tenha cuidado.

Se você precisa de uma grande empresa ou mesmo apenas uma equipe, não seja pego por um cara em seu porão tentando ser tudo!

6. Fique longe de sistemas obscuros de gerenciamento de conteúdo

Em que seu web designer construirá seu site?

Você já deve ter ouvido falar de WordPress, Magento, Shopify ou Joomla, por exemplo. Estes são sistemas de gerenciamento de conteúdo comuns.

Então, se os web designers que você está pensando em contratar usam um sistema de gerenciamento de conteúdo especializado e obscuro que você nunca ouviu falar antes, faça mais algumas pesquisas! Você não quer estar em uma situação onde você está totalmente dependente de sua agência para apoiá-lo.

A razão pela qual só usamos o WordPress é que ele é o sistema de gerenciamento de conteúdo mais popular e confiável. Se você precisa de ajuda com algo e por algum motivo, não estamos disponíveis imediatamente, você ainda pode encontrar respostas e recursos na internet. Mas se o seu site for construído em uma plataforma rara, você pode ter dificuldades com isso!

7. Evite um web designer com um portfólio questionável

Uma das primeiras coisas que sugerimos que você faça ao pesquisar web designers é olhar para o seu portfólio para ter uma noção de:

• em que nível eles estão trabalhando,
• que tipo de sites eles estão projetando,
• e em que tipo de indústrias eles se especializam.

Uma palavra de aviso sobre isso.

Se os web designers que você está considerando marcar um monte de caixas, mas você não está convencido sobre seu portfólio, entre em contato e peça-lhes mais exemplos de seu trabalho.

Sabemos por experiência própria que manter seu portfólio atualizado é demorado – temos muitos sites que construímos nos últimos meses que não aparecem em nosso site porque não tivemos tempo de adicioná-los. Então, entre em contato com um web designer em potencial se você quiser ver mais do seu trabalho – eles ficarão felizes em ajudar.

8. Cuidado com web designers que não oferecem uma fase de descoberta

Se uma agência ou um freelancer não considerar como eles vão descobrir mais sobre:

• seu negócio,
• seu público-alvo,  audience,
• o que você quer alcançar a partir do seu site,
• e que tipo de metas você tem para o seu negócio,

fique bem claro!

Temos o que chamamos de “fase de descoberta” onde nos aprofundamos em todos os negócios de nossos novos clientes. Nós conhecemos muito sobre eles durante esse processo, e é a única maneira de criar um ótimo site para alguém.

Então, se um web designer não oferece esse serviço, considere isso um sinal de alerta de que eles não estão investidos no seu negócio.

O preço que você paga terá muito a ver com isso também. A agência que você contrata por R$ 300 pode nem saber o que é uma fase de descoberta. E de certa forma, isso é compreensível – o preço não cobre isso! Mas a agência que cobra R$ 1.000+ deve conhecê-lo como um elemento vital para o processo de design web.

Então, como exatamente você encontra alguém que é certo para você?

Demos muitas dicas para evitar escolher a agência de design web errada para suas necessidades. Mas como você encontra um que é  bom para você?

Em última análise, e acima de tudo o que mencionamos, procure alguém que:

• se preocupa em ajudá-lo a levar seu negócio adiante,
• você pode confiar e se conectar,
• você se vê tendo uma boa relação de trabalho.

Descobrimos que isso sempre acontece com nossos clientes. Chegamos tão perto dos negócios deles que acabamos conhecendo-os muito bem. E isso é um prazer e uma honra.

Gostaria que o ajudásse com seu site?

Somos apaixonados por ajudar os donos de negócios a construir e crescer sites de sucesso. Também entendemos que as pessoas podem ter dúvidas e preocupações quando entram nesse processo pela primeira vez. Ou talvez porque eles tiveram uma experiência terrível no passado!

• É por isso que não usamos código ou jargão.
• É por isso que somos abertos e honestos sobre o tipo de agência web que somos.
• Somos transparentes sobre o tipo de clientes que são certos para nós e aqueles que não são.

Queremos que as pessoas possam tomar decisões informadas.

Então, se você está procurando uma agência de web design que se preocupa com suas necessidades e seus negócios, e você acha que podemos ser o certo para você, entre em contato!

Existem milhares de web designers trabalhando hoje, então se você precisa contratar um para o seu negócio, não ficaria muito surpreso se você ficasse sobrecarregado com a escolha. Quem é o melhor para você? Isso realmente importa? O que você deveria estar procurando? As respostas são que haverá um designer que é definitivamente melhor para você, é apenas uma questão de encontrá-los. Sim, importa. Quanto ao que você deve estar procurando, esta lista vai ajudá-lo a fazer um bom começo – o resto é com você.

Qual é o estilo do web designer?

Cada web designer vai ficar confortável trabalhando em seu próprio estilo particular; é no que eles vão ser melhores. Se você gosta da maneira como eles funcionam, mas você quer que eles lhe dêm algo diferente do que eles normalmente produzem, você pode achar que está decepcionado – levará mais tempo e será mais difícil para o designer criar o site porque eles não estão acostumados com o estilo que você pediu, além disso o resultado final pode não ser tão bom quanto alguns de seus outros trabalhos.

Portanto, é importante escolher um design cujo estilo já corresponde ao que você tem em mente. Dessa forma, você e o web designer podem se concentrar em criar o design real do site em vez de lidar com os meandros de como ele será feito.

A maioria dos web designers terá um site com um portfólio nele. Você pode precisar ser cauteloso se não encontrar nenhum exemplo de seu trabalho, que é um ótimo lugar para começar quando você está procurando um estilo que se adapte ao que você tem em mente. Além do próprio site do designer, existem diferentes plataformas de trabalho que os designers podem se inscrever para permitir que eles sejam encontrados com mais facilidade.

A grande coisa sobre o web design é que o designer não tem que viver ou trabalhar localmente para você; tudo pode ser feito remotamente.

Eles também desenvolverão o site?

Um web designer não é necessariamente o mesmo que um desenvolvedor web, embora às vezes os dois sejam combinados, então verifique se você também precisará contratar alguém para implementar o site uma vez que tudo foi projetado para você. Pode ser que, mesmo que seu designer não faça o aspecto de desenvolvimento sozinho, eles fazem parceria com um desenvolvedor que eles conhecem e confiam. Isso pode ser extremamente útil porque irá salvar a tarefa de procurar um desenvolvedor web confiável.

Se você precisa caçar por um você mesmo, confira essas mesmas plataformas online. Em muitos casos, eles terão que passar por um teste de programação java on-line para garantir que eles tenham as habilidades necessárias e encontrar um desenvolvedor através de um site como este significa que você pode ter certeza de que eles sabem o que estão fazendo.

Pergunte sobre o quanto o designer realmente faz, pois isso também vai ajudá-lo a tomar uma decisão. Eles fornecem maquetes que precisam ser codificadas em um site, por exemplo? Você precisará orçar em conformidade se um desenvolvedor precisar assumir a segunda parte do trabalho e isso pode ter um impacto no dinheiro que você colocou de lado para o designer.

Há um pacote de manutenção?

Uma vez que seu site é projetado, desenvolvido e funcionando, isso não é o fim dele. Criar um site não é um custo único, e haverá manutenção contínua para pensar. Essas despesas contínuas podem diferir enormemente de designer para designer, dependendo do tipo de trabalho que você quer que eles façam e do número de atualizações que você está feliz em receber.

Os sites precisam ser mantidos atualizados para que continuem a funcionar perfeitamente. Isso é especialmente verdade se eles dependem de plug-ins de terceiros ou outro software – se isso não for mantido atualizado, então o site pode parar de funcionar, ou parecer estranho com imagens nos lugares errados e texto estranho aparecendo. Os vídeos podem não funcionar mais. Os formulários de contato podem não enviar. Todos esses são problemas potencialmente enormes que podem perder suas vendas e clientes – ninguém vai querer ir ao esforço de percorrer um site que simplesmente não parece certo.

Os sites também precisam ser atualizados para que os clientes possam ver que você é uma empresa responsável que se orgulha do que faz. Um site desengonçado é semelhante a um jardim mal cuidado – mesmo que a empresa (ou a casa) além dele seja imaculada, esse primeiro vislumbre muitas vezes será suficiente para afastar as pessoas. Veja se seu designer oferece serviços de manutenção e, se não, pergunte se eles podem encaminhá-lo para alguém que pode oferecer um pacote de atualizações contínuas.

Alternativamente, você pode querer aprender como atualizar um site você mesmo. Isso pode levar um pouco de tempo (esse tipo de trabalho não é simples, afinal), mas vai economizar dinheiro em taxas contínuas.

E quanto às revisões?

Finalmente, seu designer estará disponível para fazer quaisquer revisões e alterações necessárias? Essa tarefa está incluída no seu custo inicial ou haverá taxas adicionais a pagar? Conhecer essas informações e ter um contrato que define exatamente o que é exigido de cada parte para que não haja dúvida, significa que você pode relaxar e ter certeza de que o site que você vai terminar é o que você realmente quer.

Você já sabe o que você precisa em um web design? A GSP Sites tem tudo o que você precisa, design clean e moderno, sites otimizados para o google, projetos entregues rapidamente e avaliação 5 estrelas no Google Meu Negócio. Está esperando o que? Entre em contato conosco para iniciarmos seu projeto e impulsionar seu negócio.

Em 2020, o número de usuários globais de smartphones deve totalizar 3,5 bilhões, marcando um aumento de 9,3% em relação a 2019.

87% dos brasileiros agora possuem um celular de algum tipo, sendo 81% desses celulares smartphones.

Cada vez mais, as pessoas estão navegando na web em seus telefones por conveniência, em vez de sentar em seu computador desktop ou laptop — e há dados para fazer backup.

No terceiro trimestre de 2019, os dispositivos móveis (excluindo tablets) geraram 51,5% do tráfego global de sites. Isto é enorme.

A maioria de nós já está otimizando nossos sites para dispositivos móveis, mas isso não significa necessariamente que o que você tem é atender às necessidades de seus usuários.

Para garantir que seu site esteja de acordo com os padrões, aqui estão as sete práticas recomendadas de design responsivo que ajudarão você a garantir que seus sites ofereçam experiências de alto nível em todos os dispositivos em 2020!

7 práticas recomendadas de design responsivo que você precisa conhecer

1. Minimizar e priorizar

Limitados pelo tamanho, os dispositivos móveis simplesmente não oferecem o maior número de imóveis para trabalhar quando se trata de conteúdo e imagens.

Quando você pensa em uma página de site de desktop, há um desejo natural de dividir as informações que precisamos para exibir em ‘seções’. Pense nessas seções como parágrafos em um artigo de notícias. Desta forma, você é facilmente capaz de quebrar e ler cada parte da página sem confusão.

Usando o Slack como exemplo, esbocei as diferentes seções de sua página inicial que eles têm para ilustrar como isso se parece.

Essas seções realmente permitem que o conteúdo respire bem no desktop, mas no celular, você precisa ter certeza de que essas seções são reorganizadas de uma maneira que não aumente excessivamente o comprimento da página.

Em situações em que você tem seções menores próximas umas das outras, como na página inicial de Wistia abaixo, você pode deslocar os quatro blocos empilhados em cima um do outro.

 Source: Wista

Esta técnica funciona bem para seções menos interativas ou detalhadas como esta. Mas e se esta seção tiver 15 blocos, ou interações específicas que só acontecem quando você paira?

Se você tentou dimensioná-lo como o exemplo anterior, a página será significativamente mais longa e esses efeitos ‘hover’ não funcionarão mais (já que você não está exatamente usando um mouse para navegar no seu telefone).

São situações como essas que têm levado as pessoas a se aproximarem de seu site com uma mentalidade móvel. Isso significa que você coloca as necessidades de seus usuários móveis em primeiro lugar..

Você não está criando um site de desktop e removendo funcionalidades que tornam o site menos intuitivo no celular. Você primeiro elabora quais são as melhores experiências no celular, depois adapta-a a um layout de desktop onde você pode descobrir se você quer melhorar a experiência porque você tem vantagens com o espaço.

Embora este seja o cenário ideal, você pode não estar em posição de fazer um redesenho completo do site e seguir essa abordagem. Enquanto isso, tente oferecer a melhor experiência possível otimizando como é o desktop para o mobile.

Revise algumas de suas páginas mais importantes ou com melhor desempenho — esta pode ser sua página inicial, páginas de serviço ou páginas de produtos. Em seguida, compare seu desempenho em dispositivos móveis e desktop (usando ferramentas como o Google Analytics); olhar para o tempo na página, mapas de calor para rolagem e toques, taxas de conversão, etc. Isso ajudará a dar alguns dados de benchmark sobre como eles se apresentam atualmente.
 
Em seguida, tire algum tempo para revisar as páginas selecionadas e tente responder sim ou não para ajudar a avaliar se pode haver ou não um pouco de TLC necessário:

• Algumas seções estão ocupando mais de quatro vezes o espaço que tinham na área de trabalho?
• Certas interações não funcionam tão bem no celular como no desktop?
• Os tamanhos das fontes são difíceis de ler no celular? Você se vê apertando os olhos?
• De acordo com seus mapas de calor, os usuários estão rolando as mesmas distâncias ou distâncias semelhantes quando comparados com a área de trabalho?
• Os usuários estão ficando presos em algum lugar, fazendo com que seu tempo na página seja significativamente menor?

Uma vez que você identifique suas áreas problemáticas, você pode então começar a chegar a soluções. Você deve esconder certas seções? As seções precisam ser encurtadas para se encaixarmelhor nas telas móveis? Há outras maneiras de organizar seções para que elas ainda alcancem o mesmo objetivo?

Para criar soluções específicas, trabalhe com seu designer para investigar essas perguntas para ajudar a definir o caminho certo para renovar o layout móvel do seu site.

Uma vez que você planeja o que você precisa fazer, você pode desenvolver essas soluções em algumas das seções mais populares do seu site. Isso lhe dá a oportunidade de testar se eles melhoram ou não suas métricas.

Uma vez que você sente que tem dados suficientes, você pode implementar essas soluções em todas as áreas do seu site que puder.

Quem está fazendo isso bem: ESPN

Como a ESPN é um site de notícias esportivas, o site tem uma tonelada de informações para oferecer na página inicial.

No site da área de trabalho, há espaço para esse enfeite, mas no site móvel, nem tanto.

No celular(à direita, acima),você notará que a seção de desktop central é a primeira coisa que você verá. Os quatro vídeos abaixo da manchete principal são agora uma parte de um controle deslizante, em vez de ser empilhado em cima um do outro.

Esses “links rápidos” para outras partes do site que estão na coluna esquerda não são mais visíveis. E eles escolheram consolidar certas seções para tornar a página mais curta.

À medida que você rola para baixo, você notará que eles começam a organizar informações em uma ordem mais específica com base no que os usuários provavelmente desejam. Por exemplo, abaixo os vídeos eles inserem a lista das principais matérias, em vez de ir direto para os blocos maiores de artigos em destaque.

São táticas como esta que ajudarão você a organizar sua hierarquia móvel estrategicamente para que você dê aos seus usuários as informações mais valiosas primeiro.

2. Torne seu fundo do funil call-to-action (CTA) fácil de encontrar

Seu site de negócios provavelmente tem uma chamada principal específica que você deseja que seus usuários completem. Talvez seja para comprar um software, agendar uma consulta ou se inscrever no seu aplicativo.

Para levar as pessoas a completar esse objetivo, você provavelmente tem um call-to-action principal em sua navegação e em todo o seu site, especialmente no desktop.

Se você estiver rastreando seus CTAs, provavelmente notará que seu botão de navegação é uma das principais maneiras pelas quais as pessoas chegam à página do gateway onde se converteriam. Então, naturalmente, é muito importante ter esse botão lá o tempo todo.

Uma das oportunidades que as pessoas ignoram é ter certeza de que seu CTA principal é claro e fácil de encontrar no celular. Vamos  dar uma olhada  em  Brightedge,  por  exemplo..

Brightedge tem um site realmente incrível que articula muito claramente o que seu produto faz e o valor que oferece aos seus usuários. Em uma inspeção mais minuciosa de seu site no celular, porém, observe como sua grande ‘demonstração de solicitação’ CTA não está mais na navegação.

Recomendo ter cuidado em remover seu CTA de navegação no celular. Fazer isso naturalmente torna muito mais difícil para seus visitantes móveis encontrar essa página.

Recomendo mantê-lo consistente no celular e abrir espaço para ele. Se você absolutamente não pode, então você deve pelo menos tentar colocar esse botão na navegação do hambúrguer e torná-lo o mais visível dentro da tela possível sem a necessidade de rolar.

Dessa forma, o botão ainda é uma área visitada com frequência do seu site.

Quem está fazendo isso bem:  Salesforce

A Salesforce mantém seu botão “tente de graça” na barra de navegação em todos os dispositivos, mas apenas muda sua posição e cor.

Eles também têm dois CTAs adicionais na parte inferior da tela para chamá-los ou conversar com eles.

Mas se você é uma empresa que não precisa desses CTAs ‘chat’ e ‘call’, mas precisa de uma maneira de promover o CTA principal do seu site (porque você não pode encaixá-lo na área de navegação), você poderia implementar um layout de barra inferior semelhante onde você em vez de colocar esse CTA principal.

Eu também tenho que dar pontos de bônus salesforce para a interação do CTA. Em vez de levar os visitantes para uma página separada com um formulário (o que faz no desktop), o formulário desliza para fora do lado direito da tela no celular, semelhante a uma barra de olá, mantendo os visitantes na página.

Isso é benéfico porque o usuário não é forçado a esperar por uma página totalmente separada para carregar, o que no celular pode ser problemático devido à largura de banda ou velocidade da internet. Ele simplesmente ajuda o usuário a completar a ação desejada mais rapidamente.

3. Use gráficos vetoriais escaláveis (SVGs)

SVGs ou Scalable Vector Graphics são imperdíveis para qualquer design responsivo  que esteja utilizando ilustrações ou ícones. Ao contrário dos arquivos de imagem (JPG/PNG), os SVGs são infinitamente escaláveis.

Você pode ficar tranquilo sabendo que qualquer ícone ou gráfico permanecerá ultra-afiado em todas as experiências sem ter que se preocupar com resolução ou pixelação.

Isso resulta em um visual consistentemente polido, não importa como o site está sendo visto.

Além disso, os SVGs geralmente têm um tamanho de arquivo menor, o que ajuda o site a carregar mais rápido. Ninguém quer sentar no telefone e assistir a um buffer de imagem por causa do tamanho.

(SVG on the left, PNG on the right)

Para esclarecer, este tipo de arquivo não é uma opção para fotografia normal, ele está disponível apenas para gráficos gerados por computador.

Quem está fazendo isso bem:  HubSpot

O site da HubSpot conta com ilustrações complexas em quase todas as páginas.

Se estes foram salvos como PNGs, eles poderiam facilmente ser cinco vezes o tamanho devido à quantidade de detalhes, o número de cores sendo usadas e as grandes dimensões necessárias.

O melhor de tudo, essas imagens parecem nítidas, independentemente se você as estiver vendo no desktop ou no celular.

4. Padroelepadrie áreas e botões clicáveis

No celular, botões e links serão tocados por um dedo humano, não por um clique preciso do mouse — então áreas interativas precisam ter uma área maior para acomodar essa diferença.

Quão grandes eles precisam ser? Bem, isso depende do usuário, mas em média, recomenda-se que qualquer elemento clicável em um dispositivo móvel tenha pelo menos 48 pixels dealtura.

Isso significa que você precisa otimizar para botões, formulário sinções, links inline em blogs, layouts de cartão, links de navegação e muito mais.

Você provavelmente vai achar que é mais difícil cumprir essa regra em links inline, como aqueles em artigos de blog. Se você encontrar seus usuários lutando para tocar em links, você pode tentar essa técnica que aumenta a área clicável ao seu redor  (Nota: Esta solução precisa de um desenvolvedor para ajudar).

Isso ajudará a garantir que haja menos erros na navegação através do seu site, minimizando a frustração potencial e mantendo o espectador engajado.

Quem está fazendo isso bem:  Vidyard

Vidyard faz um excelente trabalho mantendo quaisquer áreas clicáveis importantes o suficiente para que seus polegares não estejam atrapalhando.

Nas imagens, você notará que Vidyard realmente aumenta  o tamanho de seus dois botões na seção de heróis, em vez de mantê-los do mesmo tamanho. Os três blocos logo abaixo do herói também são totalmente clicáveis, em vez de apenas fazer o texto de cores diferentes com a seta clicável. 

Elementos propositais semelhantes como este são aplicados em toda a maioria do site, facilitando a navegação.

5. Imagens responsivas

Diferentes dispositivos têm diferentes necessidades de tamanho de imagem.

Uma página de desktop pode precisar de uma imagem de 1200px de largura em resolução total, enquanto a versão móvel dessa página pode precisar apenas dessa imagem a 400px de largura.

Isso é efetivamente um terço do tamanho físico, o que se traduz aproximadamente em um terço do tamanho do arquivo também. Isso é uma coisa importante a se ter em mente.

A maneira antiga de fazer as coisas era carregar a imagem de grande resolução (1200px) e, em seguida, apenas usar esse mesmo arquivo em todas as plataformas do dispositivo – mas esses arquivos grandes podem diminuir drasticamente o tempo de carregamento do seu site.

Para uma ótima experiência responsiva, é melhor usar duas versões diferentes da mesma imagem para celular e desktop.

Por exemplo, no celular, estamos usando apenas (ou “chamando”) a imagem de 400px que precisamos, em vez da grande imagem de 1200px, que seria reduzida para 400px uma vez carregada.

Compor isso em uma página com várias imagens e você pode acabar com uma experiência de carregamento visivelmente mais rápida, especialmente se o site móvel estiver sendo carregado no serviço de celular e não wi-fi.

Existem alguns artigos bastante aprofundados que analisam como realizar isso para que você possa designar a imagem que deseja mostrar em tamanhos de tela específicos.

Se você está usando páginas de sites com a HubSpot para construir seu site, você está com sorte! Na verdade, o HubSpot permite o redimensionamento automático da imagem no conteúdo por padrão.

Quem está fazendo isso bem: Adobe

Ao contrário de outros exemplos, o visual para este será um pouco mais focado em código para que você possa ver um exemplo de como essa técnica se parece.

Abaixo está o código usado para produzir uma imagem no site da Adobe. Você notará que existem vários arquivos ‘.jpg’ separados em diferentes linhas.

Cada um desses JPGs representa uma imagem de dois espetáculos em tamanhos de tela diferentes; você pode dizer pela tag ‘mídia’ que está associado a cada objeto ‘fonte’.

O resultado é que imagens de tamanho sumido serão exibidas em diferentes dimensões especificadas do dispositivo. Dependendo da sua página web, você pode descobrir que precisa de mais ou menos variações de imagem.

6. Pense em tipografia

É importante considerar a legibilidade do seu site em todas as plataformas e dispositivos, mas no celular, você precisa estar muito mais atento às necessidades de legibilidade de seus usuários.

Se as pessoas não podem ler sua proposta de valor ou qualquer um de seu conteúdo, para esse assunto, eles provavelmente não vão ficar por perto.

Você quer ter certeza de que o conteúdo é fácil de ler e verdadeiramente otimizado para o tamanho do dispositivo para que os visitantes não fiquem de olho.

Isso também significa tomar nota das tipografias que você gostaria de usar em seu site, e se elas fariam para legibilidade boa ou ruim em telas pequenas.

Lembre-se de equilibrar os títulos e tamanhos de fonte do corpo para o tamanho do dispositivo também. Você não quer que seus tamanhos de fonte se sintam drasticamente diferentes um do outro ao ponto em que parece estranho e antinatural ler.

Eu também escrevi um artigo inteiro no blog sobre como descobrir os tamanhos de fonte certos para desktop e mobile que eu recomendo mergulhar para ajudar a obter mais específico para regras de dimensionamento de fontes.

Quem está fazendo isso bem: IMPACTO

Eu sei, eu sei… um pouco pouco ortodoxo para incluir-nos aqui como um exemplo, mas estamos constantemente testando e ajustando nossos tamanhos de fonte com base no que estamos ouvindo de nossos visitantes, então eu simplesmente não poderia ajudá-lo!

Os títulos criam uma grande hierarquia nas páginas onde o texto reina. Na página de listagem do blog, a hierarquia de nível superior é dada aos títulos do blog para que os visitantes possam desmantelá-los rapidamente à medida que procuram o que ler.

Os artigos internos também têm tamanhos de fonte que são grandes o suficiente para caber uma quantidade decente de conteúdo à vista enquanto ainda são legíveis.

Embora pudéssemos ter feito o tamanho da fonte 14px para caber mais conteúdo à vista, uma grande parcela dos leitores simplesmente não será capaz de ler os artigos tão claramente. A fonte maior e a altura da linha espaçosa também significam que você não está lutando para encontrar qual linha vem a seguir.

7. Aproveite os recursos do dispositivo

Nos smartphones, você tem a capacidade de fazer uma variedade de tarefas diversas. Você pode fazer chamadas, enviar mensagens e abrir aplicativos — tudo isso diretamente do navegador.

Aproveite esses recursos em seu site para não apenas melhorar sua experiência móvel para os usuários, mas até mesmo aumentar as conversões e incentivar a ação.

Por exemplo, enquanto estiver em um site de desktop, você pode listar o número de telefone. Na versão móvel desse site, você pode querer listar o número de telefone dentro de um botão ou área clicável que ele solicitará automaticamente uma chamada quando clicado.

Essa ideia também pode ser aplicada a endereços de e-mail, abrindo uma nova mensagem em um aplicativo de e-mail com um destinatário preenchido automaticamente quando clicado.

Os ícones das mídias sociais também podem ser codificados de tal forma que, quando clicados, eles abrirão diretamente no aplicativo em vez de um navegador móvel.

Tudo isso pode tornar tremendamente mais fácil para seus visitantes se conectarem e se comunicarem com você.

Quem está fazendo isso bem: Casas Metodistas Unidas

Às vezes é bom ligar e falar com alguém logo de cara quando você quer obter informações. A UMH (um cliente nosso) reconheceu isso e utilizou recursos de dispositivos móveis para trazer essa conveniência ao seu site móvel.

O que eles fizeram foi pegar seu número de telefone, colocá-lo dentro de um botão clicável, e colocá-lo bem sua navegação no celular.

Com a adição de uma pequena quantidade de código simples, agora quando ele é grampeado em um dispositivo móvel, ele perguntará ao usuário se está tudo bem para chamar esse número. Uma vez aceito, o dispositivo inicia uma chamada automaticamente. Nada de mexer com uma caneta e papel, ou tentar lembrar o número para discar.

Design responsivo hoje

Em 2020, tudo isso é obrigatório se você quiser ter um site bem otimizado para seus usuários. É possível que metade do tráfego do seu site esteja vindo do celular; não é uma opção para aliená-los, dando-lhes uma experiência móvel sub-par.

Ao auditar seu site com essas práticas recomendadas de design responsivas em mente, você será capaz de determinar se o seu site é realmente adequado para a idade moderna e móvel em que vivemos, ou se você precisa fazer algumas mudanças.

Talvez um redesenho completo seja para tornar seu site uma superestrela responsiva. Ainda não tem certeza? Vamos conversar! Estamos felizes em ajudá-lo a descobrir as coisas para este ano e além. Entre em contato com a GSP Sites e veja como podemos lhe ajudar.

Como diz o velho ditado, o jogo só acaba quando termina. Esse mesmo conceito é altamente relevante quando se trata de fotos. Não importa se o propósito é que as fotos sejam exibidas em um site de fotografia, incrementem um site de vendas ou uma campanha publicitária, você não deve considerá-las prontas e acabadas antes do processo chegar verdadeiramente ao fim. É aqui que entra essa lista dos melhores programas de edição de fotos gratuitos.

Ignorar a importância desse pós-processamento é um dos erros mais comuns que as pessoas tendem a cometer com fotos. Em muitos casos, esse último passo do processo é pulado devido à grande complexidade de uso do mais popular software de edição de fotos. Para os iniciantes e os que não são fotógrafos, ferramentas como o Photoshop e o Lightroom podem assustar – e isso sem mencionar seu custo.

Mas muitos ignoram a longa lista de programas gratuitos de edição de fotos disponíveis online para uso em desktop. Independentemente das suas aptidões, necessidades e objetivos, essas ferramentas possibilitam levar suas fotos para um outro nível e conseguir um aspecto profissional, com mínimo de esforço. Especialmente por serem gratuitas, essas alternativas ao Photoshop e ao Lightroom definitivamente se apresentam como concorrentes aos pesos-pesados da Adobe.

Pronto para começar a editar imagens com nível profissional? A seguir você tem os melhores programas de edição de foto para usar em 2019:

1. Adobe Photoshop Express
2. GIMP
3. Paint.NET
4. Pixlr
5. Pixlr X
6. PhotoScape X
7. Fotor
8. Photos Pos Pro
9. InPixio
10. BeFunky
11. Bônus 1: Wix Photo Studio
12. Bônus 2: Editor de fotos Canva

01. Adobe Photoshop Express

Ideal para: Edição de fotos diretamente no celular

Durante muito tempo, as pessoas tentaram encontrar uma versão gratuita do Photoshop, e de preferência online. Até que um dia a Adobe finalmente escutou suas preces e lançou o Adobe Photoshop Express, uma versão reduzida, online e mobile do programa líder do mercado.

Diferente do seu equivalente pago, o Adobe Photoshop Express não se destina a fotógrafos profissionais, e sim aos iniciantes ou aqueles que estão procurando um programa de alta qualidade para uma edição rápida. Isso pode ser facilmente visto nos recursos oferecidos e na sua acessibilidade.

Com o Adobe Photoshop Express, você consegue acessar as ações básicas de edição de imagem, como contraste, perspectiva, saturação, exposição e remoção de manchas, além de também poder selecionar efeitos dinâmicos predefinidos. Apesar de não ter nem de perto a quantidade de ferramentas disponíveis na versão profissional, as ferramentas disponíveis funcionam perfeitamente e oferecem ótima experiência de usuário. A versão Express do programa de edição de imagens do Adobe também inclui a categoria “decorate” que permite aos usuários adicionar texto e facilmente criar colagens totalmente personalizadas.

Você pode editar imagens salvas no seu dispositivo ou compartilhá-las diretamente a partir de Adobe Creative Cloud, Dropbox, Facebook ou Google Photos. Todas as edições feitas com o Adobe Photoshop Express são não-destrutivas, ou seja: você pode voltar à foto original a qualquer momento.

Pontos positivos: Filtros avançados, interface minimalista, resultados profissionais

Pontos negativos: O único formato de saída disponível é o JPG, roda no Flash, ferramentas limitadas

Plataformas: Web e mobile (iOS, Android, Windows)

Versão paga: O editor completo do Adobe Photoshop para desktop começa em torno de R$45,00/mês

02. GIMP

Ideal para: Usuários avançados

O GIMP é amplamente considerado o melhor editor de imagens gratuito disponível no mercado. O programa inclui uma grande variedade de ferramentas, desde as ações mais básicas até recursos de qualidade profissional. Os iniciantes vão se beneficiar muito da sua seleção e das ferramentas de montagem, corte, ajuste de cor e ferramentas automáticas para melhorar a imagem. Por outro lado, usuários avançados vão encontrar uma série de ferramentas na medida, como redimensionamento sensível, troca de rosto, GIFs animados, máscaras em camadas, curvas e pincéis personalizáveis.

Todos esses recursos fazem do GIMP uma incrível alternativa gratuita ao Photoshop para aqueles que já conhecem o programa que é o carro-chefe da Adobe. Além disso, a interface é totalmente personalizável e há inúmeros plugins que podem ser adicionados gratuitamente.

O GIMP é um programa de código aberto com uma grande comunidade ativa que está por trás dele. Isso significa que a plataforma é constantemente atualizada e melhorada, enquanto os usuários continuam usando o programa gratuitamente.

Este software de edição de fotos pode ser instalado em dispositivos desktop que rodam qualquer sistema operacional ou então para download e uso da versão portátil que pode ser adicionada a um pendrive USB para uma flexibilidade de uso.

Pontos positivos: Ferramentas e recursos profissionais, programa de código aberto, suporte dos desenvolvedores

Pontos negativos: Difícil aprendizado, ausência de versão para mobile, interface confusa

Plataformas: Só desktop (Linux, OS X, Windows)

Versão paga: Não há

03. Paint.NET

Ideal para: Iniciantes e dispositivos limitados

O Paint.NET foi criado inicialmente por um estudante para substituir o Microsoft Paint. Mas o software original de desenho tornou-se um programa intuitivo de edição de fotos gratuito segmentado para aquelas pessoas que procuram um software de edição de imagem fácil de usar, gratuito e que ofereça resultados de alta qualidade.

O programa tem uma interface clara e direta que tem suporte para atalhos, fazendo deste software uma grande opção de escolha para usuários inexperientes que não querem ficar um tempão tentando descobrir como o programa funciona. Mais ainda, essa simplicidade possibilita que seja possível rodar o Paint.NET de forma tranquila em dispositivos menos poderosos como os notebooks, por exemplo.

Apesar de ser segmentado para usuários novatos, o Paint.NET oferece uma ampla variedade de ferramentas de edição incluindo brilho, contraste, tons, curvas, níveis, camadas, gradientes e ilimitadas opções para desfazer. Além disso, o programa tem suporte para plugins criados por sua crescente comunidade de desenvolvedores no fórum do software. Esses plugins podem ser usados para acessar recursos mais avançados, como a popular ferramenta 3D rotate/zoom para recomposição da imagem.

Pontos positivos: Interface intuitiva, excelente para dispositivos lentos, acesso completo ao histórico

Pontos negativos: Ferramentas limitadas, menos completo que outras alternativas, sem recursos avançados

Plataformas: Só Desktop (Windows)

Versão paga: Não, mas você pode apoiar o projeto comprando o Paint.NET por US$6,99

04. Pixlr Editor

Ideal para: Nível profissional de edição online

Muitos veem o Pixlr Editor como o melhor programa de edição de imagens online gratuito e o consideram quase tão poderoso quanto os principais softwares de edição para desktop. Suas possibilidades começam a surgir no exato momento em que você abre uma imagem, já que o Pixlr Editor te permite fazer isso a partir do seu dispositivo, de um URL ou até mesmo diretamente do Facebook. Isso é proveitoso para os que não são fotógrafos e querem editar imagens já existentes para novos propósitos.

A interface do programa é notavelmente semelhante ao editor do Adobe, o que tem levado as pessoas a considerar o Pixlr Editor como a melhor versão online do Photoshop – pois é, melhor até do que o próprio Photoshop Express. A longa lista de recursos profissionais incluídos no programa está muito à frente da maioria de outros editores de foto gratuitos existentes no mercado. Entre esses recursos encontram-se: exposição, níveis, ferramentas de melhoramento automático, sofisticados seletores de cores, pincéis personalizáveis, camadas e máscaras.

A principal desvantagem do Pixlr Editor é que requer o Flash, um plugin que a Adobe está abandonando aos poucos. Para superar esse obstáculo, o Pixlr desenvolveu uma versão paga do Pixlr Editor com base em HTML e que inclui ferramentas de edição avançadas, suporte para templates PSD, fontes premium e banco de imagens, camadas e mais.

Uma versão HTML mais simples do programa também está disponível online sob o nome de Pixlr X. Continue lendo para saber mais sobre essa alternativa simplificada. Esse software também pode ser usado em dispositivos móveis com seus aplicativos originais para Android e iOS.

Pontos positivos: Recursos avançados, não requer qualquer download, numerosas opções de upload

Pontos negativos: Não tem capacidade para edição em lote (batch editing), exibe anúncios, roda em Flash

Plataformas: Web e mobile (iOS, Android)

Versão paga: Pixlr Pro

05. Pixlr X

Ideal para: Edições rápidas online

Enquanto o Pixlr Editor ser visto como o melhor editor de foto online como o Photoshop, o Pixlr X é considerado a melhor alternativa HTML gratuita ao Photoshop Express. Esse programa foi desenvolvido como o sucessor do Pixlr Editor na esperança de evitar a obsolescência quando o Flash não tiver mais suporte. Infelizmente, para passar de uma plataforma Flash para uma HTML foi necessário reduzir boa parte dos recursos originais do editor.

Apesar dessa limitação na quantidade de recursos, o Pixlr X já se estabeleceu como um dos melhores programas gratuitos para edição de fotos do mercado. O software mantém o design eficiente do seu antecessor ao mesmo tempo em que foca em ferramentas que vão correspondem a todas as suas necessidades básicas de edição em apenas um clique. Você vai poder editar as cores e saturação das suas imagens, recortar e redimensionar, remover elementos indesejados com a ferramenta “touch up” e ajustar o balanço do branco. Outras ferramentas mais específicas, como remoção do olho vermelho e luz de preenchimento, vão permitir que você eleve sua fotografia de retrato para outro patamar.

De uma forma geral, o Pixlr X é um excepcional editor de fotos online para os novatos e para os fotógrafos amadores que vão ver que todas as suas necessidades estarão cobertas. Quem estiver procurando por ferramentas mais avançadas como pincéis ou camadas talvez queira ficar com o Pixlr Editor até o Pixlr X evoluir e incluir esses recursos.

Pontos positivos: Edição com um só clique, interface direta, não requer downloads

Pontos negativos: Ferramentas limitadas, não tem recursos avançados, menos poderosos que o Pixlr Editor

Plataformas: Web no desktop

Versão paga: Não

06. PhotoScape X

Ideal para: Usuários novatos procurando recursos impressionantes.

A lista de ferramentas do PhotoScape X parece ser quase infinita. O programa, que é descrito como “um software de edição de imagens tudo-em-um”, está fortemente focado no aprimoramento de recursos “de um só clique” que permitem aos iniciantes dar vida às suas ideias com toda a facilidade.

O programa inclui milhares de filtros, enquadramentos, pincéis, recorte de formas, ferramentas inteligentes de recorte, um seletor de cor e a ferramenta carimbo (clone stamp). Os fotógrafos vão poder tirar máximo proveito do recurso de conversão de arquivos RAW e quem têm grandes coleções de imagem para processar vai ficar feliz de saber que o software inclui diversas ferramentas de edição em lote, como alteração de formato, redimensionar e renomear.

O PhotoScape X ainda inclui muitas outras opções de ferramentas criativas como colagem, mesclar, adesivos, efeitos, texto e pincéis. Estas ferramentas atendem especialmente aqueles usuários que querem criar conteúdo original para seus perfis nas redes sociais ou campanhas de email marketing.

Para ter certeza de que os usuários tiram máximo proveito das milhares de opções do PhotoScape X, o site do editor de imagens inclui uma longa lista de tutoriais em vídeo, que mostram como usar cada ferramenta para conseguir o efeito desejado. Se você está interessado em ferramentas mais avançadas, verifique a versão paga do software, que inclui uma vasta seleção de ferramentas manuais de edição.

Pontos positivos: Milhares de filtros e efeitos acessíveis com um único clique, suporte para muitos formatos de arquivo, templates criativos

Pontos negativos: Interface confusa, problemas de defasagem, ausência de ferramentas avançadas

Plataformas: Só desktop (OS X, Windows)

Versão paga: PhotoScape X Pro (só para Windows) por US$39,99

07. Fotor

Ideal para: Melhorar imagens de forma clara e direta

O Fotor oferece uma longa lista de recursos e de ferramentas básicas que vão de uma edição simples, como brilho e saturação, a conceitos mais complexos, como remover rugas e branquear os dentes. O Fotor também se vangloria de ter uma grande seleção de efeitos, enquadramentos, adesivos e principalmente opções de texto direcionadas ao compartilhamento nas redes sociais.

Além do seu editor de imagem, o Fotor também inclui seções de colagem e de design. Nesses segmentos, os usuários podem escolher entre diversos templates predefinidos para construir suas criações. Esses templates são categorizados pelo uso, como colagens em geral, posts nas redes sociais, recursos de marketing, documentação e anúncios. Isso permite que os usuários novatos criem facilmente conteúdo de alta qualidade para todas as suas necessidades, sem precisar se preocupar com qualquer outra coisa que não seja a aparência visual. Alguns templates e ferramentas de ponta só estão disponíveis na versão paga do programa.

De uma forma geral, o Fotor pode ser definido como um programa de aprimoramento de imagens ao invés de um software de edição de fotos. Os fotógrafos e os criadores de mídia muito provavelmente vão precisar de capacidades mais sofisticadas do que as oferecidas pelo Fotor. No entanto, o que o programa oferece cobre todas as necessidades que uma pequena empresa pode ter para tirar o máximo proveito de sua presença online.

Pontos positivos: Ferramentas criativas para composição, processamento de imagens em lote, templates criativos e amigáveis ao usuário

Pontos negativos: Não há edição manual, sem suporte para plugin, exibe anúncios

Plataformas: Web e mobile (iOS, Android)

Versão paga: Fotor Pro

08. Photos Pos Pro

Ideal para: Iniciantes que querem expandir sua capacidade para pós-processamento

Photos Pos Pro foi desenvolvido com um ambicioso objetivo em mente: criar um software de edição de imagens perfeito, tanto para os iniciantes como para os especialistas. Para conseguir isso, na realidade, o programa oferece duas interfaces diferentes e os usuários podem escolher a mais adequada.

O Layout avançado inclui uma gama mais ampla de ferramentas para uma edição manual mais sofisticada e inclui camadas, pincéis, máscaras, gradientes, ações, texturas e conversão de arquivos RAW. Todas as edições podem ser efetuadas em lotes de imagens o que potencialmente economiza muito tempo no pós-processamento.

Na interface para os iniciantes, o layout do Photos Pos Pro reduz significativamente os itens desnecessários, focando em edições automáticas que podem rapidamente proporcionar lindos resultados. O aperfeiçoamento das imagens é feito através de filtros e efeitos criativos que os usuários podem selecionar e escolher.

Os usuários podem acessar os recursos mais avançados do Photos Pos Pro Premium gratuitamente durante um período de 21 dias, para experimentar todo o programa antes de decidir qual opção é a mais adequada às suas necessidades.

Pontos positivos: Interfaces separadas para iniciantes e avançadas, numerosos filtros, processamento de imagens em lote

Pontos negativos: Resolução para exportar limitada a 1024×2014 pixels, sem ferramentas avançadas, difícil aprendizado

Plataformas: Só desktop (Windows)

Versão paga: Photo Pos Pro Premium disponível por US$29,90

09. InPixio

Ideal para: Edição rápida e criativa para compartilhamento na internet

O InPixio, na realidade, é composto por seis programas diferentes focados em ferramentas específicas de edição de fotos. Estes são:

• Photo Editor – para correção básica de imagens
• Photo Maximizer – para ampliar e produzir fotos de alta resolução
• Photo Focus – para criar imagens claras
• Photo Eraser – para remover objetos desnecessários
• Photo Cutter – para alterar o fundo
• Photo Clip – para criar fotomontagens

Em poucas palavras, o InPixio oferece um programa amigável que permite que pessoas com um mínimo de talento para edição possam criar lindas imagens para publicar nas redes sociais, ou enviar para os amigos e família. Os mais notáveis recursos do programa incluem centenas de filtros, efeitos desfocados, enquadramento criativo, texturas, “tone sliders”, criação de predefinições e capacidade de compartilhamento online automático.

O InPixio também está disponível para iOS, onde o foco é melhorar as imagens rapidamente e oferecer ferramentas criativas como enquadrar, inserir texto e aplicar filtros. A versão Pro do software oferece uma gama mais ampla de recursos manuais de edição, além de ferramentas para restaurar fotos.

Pontos positivos: Compartilhamento nas redes sociais com apenas um clique, fácil de usar, suporte para todos os formatos de imagem

Pontos negativos: Edição manual limitada, versão gratuita inclui marcas d’água, não está completamente disponível para OS X

Plataformas: OS X, Windows, iOS

Versão paga: InPixio Photo Editor PRO

10. BeFunky

Ideal para: Aperfeiçoamento criativo de imagens online

O BeFunky oferece ferramentas de edição fáceis de usar, possibilitando aos usuários de todos os níveis alcançar resultados profissionais. A sua interface é organizada e amigável, é muito fácil de encontrar as ferramentas certas e ver os efeitos na imagem em tempo real. Todas as edições podem ser vistas no histórico da imagem e os usuários podem facilmente desfazer ou refazer caso seja necessário.

Parecido com o Fotor, o programa do BeFunky também é dividido em três seções: editor de fotos, criador de colagem e designer gráfico. De fato, olhando para ambos lado a lado, é fácil ver como os dois programas são semelhantes. O BeFunky claramente parece ser o vencedor tanto em termos do número de recursos de edição de imagens quanto de templates para composição de design, mesmo que a maioria desses recursos só esteja disponível para os usuários premium.

O editor de fotos inclui uma significativa gama de ferramentas, desde edição básica, como exposição e contraste, até a capacidade de retocar retratos, efeitos artísticos, sobreposições criativas e texturas. Cada uma dessas seções oferece tanto os recursos gratuitos como os premium que os usuários podem testar antecipadamente.

Ambas as seções de colagem e design gráfico trazem uma longa lista de templates totalmente personalizáveis à escolha dos usuários. Os três produtos são oferecidos na versão BeFunky mobile que também está disponível para assinatura gratuita ou premium.

Pontos positivos: Recursos de composição arrasta e solta, acesso a banco de imagens, numerosos templates criativos

Pontos negativos: A maioria das ferramentas de edição são pagas, exibe anúncios, necessidade de assinatura para acessar categorias colagem e design gráfico

Plataformas: Web e mobile (iOS, Android)

Versão paga: BeFunky Plus

11. Bônus 1: Wix Photo Studio

Ideal para: Edição básica com resultados profissionais

Há alguns meses, o Wix relançou seu editor de mídia com uma solução desenvolvida internamente que redefine como os usuários mostram seu conteúdo. O Wix Photo Studio permite que pequenos ajustes nas suas imagens sejam feitos diretamente no seu site. Isso te economiza o tempo de selecionar um editor de imagem gratuito, fazer upload da imagem, editá-la, exportar a imagem, fazer upload para seu site e fazer tudo de novo para cada imagem que você deseja compartilhar. Resumindo, economiza muito tempo.

A abordagem minimalista do Wix Photo Studio faz esse processo ser extremamente útil para usuários de todos os níveis, desde iniciantes com aptidão zero para edição de foto e que estão procurando melhorar suas imagens, até os fotógrafos profissionais que necessitam daquele ajuste de última hora. Além de todas as ferramentas básicas tais como recortar, efeito espelho, brilho, saturação e nitidez, esse gratuito editor de imagem online oferece uma longa lista de filtros que melhoram qualquer imagem com apenas um clique. E o melhor de tudo, qualquer edição será salva como uma nova imagem, garantindo dessa forma que suas imagens originais estarão sempre seguras.

Além disso, o Wix Photo Studio usa detecção facial para acionar um recurso de recorte que permite alterar facilmente o fundo de qualquer retrato. Você pode usá-lo nas páginas da sua equipe, para melhorar a foto da sua página “sobre” ou para dar um retoque na foto de produto que será mostrada na sua loja virtual.

Pontos positivos: Filtros criados profissionalmente, não há necessidade de downloads, interface direta

Pontos negativos: Exclusivo para usuários Wix

Plataformas: Web

Versão paga: Não

12. Bônus 2: Editor de fotos Canva

Ideal para: Criações ágeis e praticidade

Dentre as inúmeras opções e funcionalidades que o Canva oferece, o editor de fotos certamente é uma delas que vale a pena conferir. A ferramenta pode ser usada para variados fins, desde criar posts para as redes sociais, fazer ajustes nas suas fotos pessoais, ou criar conteúdos chamativos para o seu site ou blog. Conta com diversos filtros, estilos, imagens, adesivos, efeitos e fundos criativos, opções de ajuste e aprimoramento da imagem, entre outros.

Dentre os recursos mais interessantes, estão o Foco Automático, Smart Mockups, e Removedor de Fundo e Auto-Enhance. Essas funções trazem mais praticidade e agilidade para as suas edições e permitem ajustar o foco da imagem com praticidade, aplicar as suas criações em modelos físicos para divulgações, remover fundos com facilidade, e realçar as cores e o equilíbrio das suas fotos, respectivamente.

A plataforma conta também com a publicação integrada para as redes sociais, podendo definir o tempo que o conteúdo será publicado . Para os usuários da versão paga, está disponível o recurso Formato Automágico, que adequa a sua criação para os diferentes formatos das variadas mídias para facilitar a publicação.

Pontos positivos: Banco de imagens e elementos gráficos, filtros e estilos, gratuito, recursos automáticos

Pontos negativos: Não é tão completo quanto as ferramentas avançadas

Versão Paga: Canva Pro