Pega em qualquer galeria de modelos, abre-a sem um objetivo claro e, em vinte minutos, as opções começam a confundir-se. O problema não és tu. É o que acontece quando tentas escolher um modelo de website sem saber o que realmente precisas que ele faça. Primeiro vem o filtro. A galeria vem depois.
Pega em qualquer biblioteca de modelos de website e vais encontrar centenas de opções, todas com aspeto cuidado e profissional. Quanto mais fazes scroll, mais difícil fica escolher, não porque as opções sejam más, mas porque ainda não decidiste o que realmente precisas. Sem um filtro definido antes de começares a ver, cada modelo torna-se igualmente plausível e igualmente pouco convincente.
Os modelos de website são layouts de página pré-construídos que dão ao teu site uma estrutura visual desde o primeiro dia. O certo poupa-te horas de trabalho de design e dá aos teus visitantes uma experiência clara e consistente. O errado luta contigo a cada passo, obriga-te a um layout que não serve o teu conteúdo e faz-te espremer o teu negócio numa forma feita para outra pessoa.
Este guia percorre as decisões que realmente importam ao escolher um modelo, pela ordem em que devem ser tomadas.
O que precisa realmente o teu website de fazer?
Começa aqui, não pela galeria. Antes de olhares para um único modelo, escreve a coisa que o teu website precisa de conseguir. É levar os visitantes a ligar-te? A comprar um produto? A marcar uma consulta? A preencher um formulário? A descarregar algo?
Essa resposta determina quase tudo o resto sobre qual modelo serve. Um modelo construído em torno de grandes fotografias de produto e de um botão de carrinho é a estrutura certa para uma loja online. Um modelo construído em torno de uma frase de destaque e de um formulário de contacto é a estrutura certa para um negócio de serviços local. Ambos podem ter um aspeto limpo e profissional, mas levam os visitantes para ações completamente diferentes.
Se saltares este passo e escolheres um modelo porque tem bom aspeto, vais passar semanas a tentar forçá-lo a uma forma para a qual nunca foi desenhado. Acabas com uma grelha de fotos de produto sem lugar natural para a tua lista de serviços, ou com um layout minimalista de portefólio sem sítio para os teus preços.
Escreve o teu objetivo. Depois olha para os modelos através dessa lente. Se o layout não põe esse objetivo em primeiro plano, passa ao seguinte.
O modelo corresponde ao teu tipo de website?
Olha para os modelos que se posicionam sempre bem no teu setor e vais reparar que partilham padrões de estrutura. Não porque se tenham copiado uns aos outros, mas porque certos layouts resolvem certos problemas com mais eficácia. Os visitantes também chegam com expectativas criadas por todos os outros sites que já usaram na tua categoria. Um modelo que quebra demasiado esses padrões cria atrito antes de alguém ler uma palavra.
Um modelo de restaurante costuma começar com boa fotografia de comida, um pequeno bloco de localização e horário e um botão de reserva logo no primeiro scroll. Um modelo de escritório de advogados costuma começar com uma declaração de confiança, uma visão geral das áreas de atuação e um número de telefone fácil de encontrar. Um modelo de personal trainer começa muitas vezes com um cabeçalho focado na transformação e um botão "marcar uma sessão".
Estes padrões não são aleatórios. Funcionam porque o layout corresponde ao que aquele público procura quando chega à página.
Escolhe um modelo pensado para o teu tipo de website. A maioria das bibliotecas de modelos organiza-se por categoria exatamente por isso. Usa esses filtros antes de navegares.
Se ainda estás a perceber que tipo de website vais criar, planear o teu website antes de o criar é um bom ponto de partida.
O modelo funciona no telemóvel?
Vê a pré-visualização em telemóvel de qualquer modelo que estejas a considerar antes de te apegares ao aspeto dele no computador. A maioria dos modelos hoje é tecnicamente "responsiva", o que quer dizer que se redimensiona para se ajustar a ecrãs diferentes. Mas responsivo e bem desenhado para telemóvel são duas coisas diferentes.
Um modelo que fica ótimo como layout largo de computador pode desfazer-se num empilhamento confuso de secções no telemóvel. Menus de navegação que se espalham na horizontal por vezes ficam difíceis de tocar num ecrã pequeno. Imagens de destaque grandes que dominam lindamente num monitor podem empurrar a tua mensagem real para baixo da dobra no telemóvel, onde está a maioria dos teus visitantes.
Percorre a pré-visualização em telemóvel como se fosses um cliente. Consegues encontrar o principal apelo à ação sem passar por quatro secções? O menu abre bem? O texto continua legível? O número de telefone ou o botão de contacto são fáceis de tocar?
Se a biblioteca de modelos não mostra uma pré-visualização em telemóvel, abre a demonstração no teu telemóvel antes de decidires. Para perceber porque isto importa a nível técnico, vale a pena ler sobre design responsivo.
O layout serve o conteúdo que realmente tens?
Pega em qualquer demonstração de um modelo e troca as fotografias de banco de imagens e o texto provisório pelo que vais realmente ter. Continua a aguentar-se?
É aqui que muitas escolhas de modelos falham. A demonstração parece deslumbrante porque usa uma dúzia de fotografias profissionais de estilo de vida, testemunhos de cinco clientes felizes bem espaçados e títulos curtos e fortes escritos por um redator. A tua situação real pode ser três fotos de produto razoáveis, um testemunho até agora e uma descrição de serviço mais longa do que o modelo espera.
Alguns modelos precisam de muito conteúdo visual para funcionar. Outros foram feitos para páginas com muito texto. Alguns assumem que tens uma secção de fotos da equipa, uma página de casos de estudo, um blogue e umas perguntas frequentes completas. Outros são enxutos e minimalistas por conceção.
Faz corresponder as expectativas de conteúdo do modelo ao que tens agora, não ao que esperas ter daqui a seis meses. Um modelo que parece vazio com o teu conteúdo real não é o modelo certo, por melhor que a demonstração pareça.
Presta atenção a como o modelo trata estas áreas específicas
- De quantas imagens depende e com que nível de qualidade?
- Onde fica a navegação e quantas páginas consegue acomodar?
- O layout tem espaço para uma descrição de serviço mais longa, ou espera um resumo de duas linhas?
- Existe um lugar natural para testemunhos, e precisa de três ou dez para parecer equilibrado?
Quanto podes realmente mudar?
Os modelos são pontos de partida, não produtos acabados. Vais precisar de mudar cores, trocar fontes, ajustar espaçamentos e reorganizar secções para o tornares teu. A questão é quanto disso consegues fazer sem escrever código.
Alguns modelos são flexíveis e deixam-te mover secções, adicionar novos blocos, mudar o layout de linhas individuais e personalizar quase tudo através de um editor visual. Outros são mais rígidos e deixam-te mudar cores e imagens, mas mantêm a estrutura exata bloqueada.
Nenhuma das abordagens está errada. Um modelo mais rígido pode ser mais rápido de lançar se já servir bem o teu conteúdo. Um modelo mais flexível é melhor se o teu negócio tem necessidades de layout específicas que um modelo normal não cobre.
Sê honesto quanto ao teu nível de à-vontade técnico. Se não és alguém que vai resolver problemas de layout ou aprender as definições personalizadas de um modelo, inclina-te para um modelo que precise de menos ajustes. Se queres controlo total e não te importas de passar tempo no editor, procura um que anuncie flexibilidade ao nível das secções.
Vale a pena pensar nisto em conjunto com a escolha do criador de websites. Como funcionam os criadores de websites influencia o controlo que tens sobre a personalização de qualquer modelo.
O modelo foi feito a pensar em SEO?
Olha para o código-fonte da página de demonstração de um modelo e vais ver que alguns são feitos com HTML limpo e estruturado e outros são uma confusão de elementos sobrepostos e estilos em linha que tornam a leitura difícil para os motores de busca. Não precisas de ser técnico para verificar alguns sinais de superfície.
Os bons modelos usam uma estrutura de títulos correta, começando com um H1 por página e descendo com lógica pelas secções H2 e H3. Carregam depressa porque não estão carregados de ficheiros de imagem enormes nem de código por usar. Não escondem texto importante dentro de imagens ou efeitos dinâmicos que os motores de busca não conseguem indexar facilmente.
A velocidade é particularmente importante. Um modelo que carrega devagar por causa de vídeos de fundo grandes ou animações pesadas vai ter pior desempenho nos resultados de pesquisa e irritar os visitantes com ligações mais lentas. Verifica a página de demonstração do modelo numa ferramenta de teste de velocidade antes de te comprometeres.
Se queres perceber como o SEO se relaciona com a estrutura do teu website, o que é o SEO e como funciona explica os fundamentos.
A cor e o estilo combinam mesmo com a tua marca?
Parece óbvio, mas vale a pena ser específico. Os modelos vêm com uma paleta de cores e uma combinação de fontes por defeito. A maioria pode ser mudada. Mas o estilo de base de um modelo, o espaçamento, a energia, se parece minimalista, ousado, caloroso ou corporativo, normalmente não se muda só trocando cores.
Um modelo feito com bordas pesadas, contrastes fortes e tipografia sobredimensionada tem uma certa personalidade. Se o teu negócio é um serviço discreto e baseado em confiança, como terapia ou aconselhamento financeiro, essa personalidade combina mal mesmo que mudes todas as cores para algo neutro. Um modelo fluido e artístico, com tipografia suave e muito espaço em branco, pode parecer completamente errado para um negócio de ofícios que precisa de transmitir eficiência e fiabilidade.
Antes de te apaixonares pelo esquema de cores de um modelo, tira-o mentalmente e pergunta o que diz a estrutura de base. O ritmo é calmo ou enérgico? Foi pensado para fazer o conteúdo parecer acessível ou com autoridade? O layout abre-se ou comprime-se?
Escolhe pelo carácter do modelo, não apenas pelas cores atuais.
O que acontece quando o teu negócio crescer?
Um modelo que funciona bem num site de cinco páginas pode ficar apertado depois de acrescentares um blogue, uma secção de recursos, uma página da equipa e duas novas áreas de serviço. Vale a pena pensar um passo à frente antes de te comprometeres.
Verifica se o modelo tem uma estrutura de navegação que aguente mais páginas. Vê se o layout tem lugares naturais para novas secções, ou se parece feito para ficar exatamente como está. Se a biblioteca de modelos mostra vários modelos de página, por exemplo um layout de blogue separado, uma grelha de portefólio, uma página de contacto, isso costuma ser bom sinal de que foi feito a pensar no crescimento.
Considera também as funcionalidades de que podes vir a precisar. Uma loja online, um calendário de marcações, uma área de membros. Nem todos os modelos suportam estes acrescentos com limpeza. Se a plataforma por trás não suportar essas funcionalidades, o modelo não importa.
Escolher uma plataforma que cresce contigo faz parte desta decisão. Como escolher o criador de websites certo explica o que verificar antes de te comprometeres com uma plataforma.
Estás a ver com os teus olhos ou com os olhos dos teus clientes?
Esta é a verificação que mais vezes se salta. Vais passar muito tempo a olhar para o teu próprio website, por isso é natural escolheres algo de que gostes pessoalmente. Mas o modelo não é para ti. É para a pessoa que chega ao teu site à procura do que vendes.
Pensa em quem é essa pessoa. Que idade tem? Tem pressa ou está com calma? Já está inclinada a comprar, ou ainda está a comparar opções? Está a navegar no telemóvel durante uma viagem ou sentada a uma secretária a fazer uma pesquisa cuidadosa?
Um modelo limpo e minimalista, com secções longas de scroll, pode parecer-te elegante mas parecer lento e inconclusivo para um visitante que só quer saber o preço e ligar. Um modelo com muita energia visual e movimento pode parecer-te entusiasmante mas parecer caótico e pouco profissional para alguém que precisa de confiar em ti antes de entregar os seus dados.
Usa o perfil do teu cliente para filtrar os modelos. Escolhe o que faria mais sentido para ele, não o que escolherias para ti se estivesses a criar um site pessoal.
Como trata a WEMASY os modelos?
O criador de websites da WEMASY inclui uma biblioteca de modelos organizada por setor e tipo de website. Os modelos podem ser personalizados através do editor visual, sem escrever código. Alojamento, SSL e estatísticas estão incluídos na mesma subscrição, por isso não é preciso nenhuma configuração à parte depois de escolheres e personalizares o teu modelo. Vê o que está incluído nos vários planos na página de preços.
Perguntas frequentes sobre como escolher um modelo de website
O modelo que escolho afeta o meu SEO?
Sim, de forma indireta. Um modelo bem estruturado usa uma hierarquia de títulos limpa, carrega depressa e é responsivo em telemóvel. São todos fatores que os motores de busca consideram. Um modelo pesado ou mal programado pode abrandar o teu site e dificultar a leitura do teu conteúdo pelos motores de busca. O modelo não determina diretamente as tuas posições, mas um modelo tecnicamente fraco cria obstáculos que o bom conteúdo sozinho não vence. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Posso mudar de modelo mais tarde sem refazer o meu site?
Depende da plataforma. Em alguns criadores de websites, mudar de modelo é relativamente simples e o teu conteúdo passa para o novo. Noutros, mudar de modelo significa refazer as páginas de raiz, porque o conteúdo está preso à estrutura do modelo. Antes de te comprometeres com um modelo, vê como é o processo de mudança na tua plataforma. Se for penoso, é mais uma razão para gastar mais tempo a escolher bem o modelo logo à partida.
É melhor escolher um modelo pensado para o meu setor?
Em geral, sim. Os modelos específicos de um setor são feitos a pensar nas expectativas do teu público. Um modelo de salão de beleza começa com marcações e imagens. Um modelo de consultoria começa com credibilidade e contacto. Começar com um pensado para o teu tipo de negócio significa menos reestruturação para ele se comportar como os teus clientes esperam. O filtro mais importante continua a ser se serve o teu conteúdo e os teus objetivos. A adequação ao setor é um bom sinal inicial, não uma regra absoluta.
Quantos modelos devo comparar antes de decidir?
Fica por uma lista curta de três a cinco. Ver demasiados modelos faz com que se confundam e deixas de conseguir dizer qual é realmente melhor. Uma abordagem melhor é aplicar primeiro os teus filtros (telemóvel, adequação ao conteúdo, tipo de website, personalização) e ver só os modelos que passam em todos. É nessa lista curta que tomas a decisão final.
Preciso de um designer profissional para personalizar um modelo?
Não, se usares uma plataforma com um editor visual. O criador de websites da WEMASY deixa-te ajustar cores, fontes, imagens e secções de layout sem experiência de design nem de programação. Quase toda a personalização de modelos, trocar as cores da tua marca, adicionar o teu logótipo, reorganizar secções, é simples num editor visual. Um designer acrescenta valor em alterações estruturais mais significativas ou na criação de gráficos à medida que vão além do que o editor trata.