Exemplos de construtor de sites Hostinger 26 exemplos impressionantes de sites de negócios, portfólio e comércio eletrônico

Publicados: 2022-12-02

O Tooltester é apoiado por leitores como você. Podemos ganhar uma comissão de afiliado quando você compra através de nossos links, o que nos permite oferecer nossa pesquisa gratuitamente.

Já dissemos isso uma vez e diremos novamente.

Apesar de ser um novato, o Hostinger Website Builder (anteriormente chamado de Zyro) tem muita força no setor de construção de sites. Ainda está longe de se tornar um peso pesado como o Wix, mas dá sinais de que se tornará um sério candidato no futuro.

Isso pode fazer você se perguntar: como é em ação?

Dado que é um dos construtores de sites mais baratos do mercado, alguns podem presumir que ele só pode criar sites básicos. Mas temos o prazer de informar que não é o caso.

Nesta postagem, reunimos 26 exemplos de construtores de sites Hostinger que mostram a capacidade da plataforma de oferecer ótimos designs sem comprometer o preço acessível.

26 exemplos que demonstram a versatilidade do construtor de sites Hostinger

Não importa se você precisa do construtor de sites para criar um recanto online para sua loja, portfólio, restaurante ou agência – a Hostinger vem pré-carregada com ferramentas para construir uma presença online. Ainda não está convencido? Inspire-se nesta lista de exemplos de sites.

1. Crianças Millaw

exemplo de site zyro - millaw kids

Página inicial do Millaw Kids

Com a imagem do herói de um menino e um slogan inteligente, o site da Millaw Kids conta toda a história. Uma rápida rolagem abaixo da imagem revela uma exibição em miniatura dos produtos de roupas infantis, que você pode comprar agora ou guardar para mais tarde, graças à funcionalidade de comércio eletrônico da Hostinger.

É um site pequeno, com cada página servindo a um propósito. Além da página inicial (que também funciona como loja), as páginas Sobre nós e Informações oferecem aos espectadores uma visão geral rápida da marca, do processo de pedido e do feed do Instagram.

Dica: certifique-se de que a imagem principal comunique o que sua empresa faz bem. Uma imagem forte e uma declaração poderosa definirão o clima para seus visitantes.

2. Dormindo

exemplo de site zyro - shleps

Página inicial do Shleps

Shleps está reinventando os sapatos de escalada. Em vez de pares volumosos e emborrachados, esta marca lituana oferece aos escaladores ativos uma alternativa divertida e emocionante.

Essas qualidades se refletem em seu website, que é um banquete visual . Imagens ricas em cores são espalhadas por várias páginas. Você também pode conferir a galeria, que mostra os calçados em diversas cores e cenários.

A Shleps facilita a compra de seus produtos - que são feitos à mão - por meio da loja, de uma página de contato e de um botão de bate-papo no Facebook Messenger.

Dica: Use uma paleta de cores consistente para estabelecer uma identidade de marca online coesa.

3. Madeira

exemplo de site zyro - pwood

Página inicial de Pwood

O site desta Grecian Macrame Shop é minimalista e impecável , permitindo que os produtos falem por si.

É fácil de navegar e segue um layout intuitivo. O item de menu Loja na barra de navegação mostra as categorias de produtos em inglês quando você passa o mouse sobre ele. Mas você também pode filtrar os produtos por categoria (em grego) usando a barra de navegação abaixo do logotipo.

Dica: Dê aos seus visitantes a opção de filtrar seus produtos para agilizar o processo de compra.

4. Desenhos de dália

exemplo de site zyro - designs de dália

Página inicial da Dahlia Design

O site da Dahlia Design é tão singular quanto sua decoração e itens personalizados, com fontes rosa, imagens aconchegantes e favicon e logotipo charmosos. Acima da barra de navegação e do rodapé, Dahlia Design exibe promoções e anúncios usando o recurso de banner do Hostinger Website Builder.

Os clientes podem acessar sua conta pessoal, adquirir decorações prontas e acompanhar seus pedidos. Para pedidos personalizados, você pode visitar a página Pedidos personalizados e preencher o formulário.

Dica: Uma área de login do cliente é útil para gerenciar programas de fidelidade e ofertas de descontos. A Hostinger permite que seus convidados se registrem por e-mail usando um link de login rápido.

5. Fazendas de fantasia

exemplo de site zyro – fazendas de fantasia

Página inicial da Fantasy Farms

Fantasy Farms escolheu o Hostinger Website Builder para criar um layout vertical rico em sua página inicial, e isso demonstra melhor como a plataforma pode ser usada para criar um site com aparência mais formal.

Além da imagem de destaque sobreposta a uma descrição atraente e uma frase de chamariz, há três outras seções na página: uma visão geral do negócio, links de lojas online e categorias de produtos. O design é limpo e homogêneo, usando blocos de imagens e fontes em preto e branco.

Cada página possui um rodapé com o endereço principal da empresa e botões de redes sociais.

Dica: Ao criar uma página inicial longa – ou qualquer página, na verdade – considere usar um menu fixo para facilitar a navegação. Veja como Fantasy Farms consegue isso com uma barra de navegação fixa na parte superior.

6. Serena

exemplo de site zyro - serena

Página inicial de Serena

A marca de moda Serena dá um grande passo ao usar sua imagem da Black Friday como peça central de seu site durante o período de vendas da Black Friday. Sua página inicial também mostra os produtos mais vendidos da marca e sua página do Instagram cuidadosamente selecionada.

Na Loja, os compradores podem navegar facilmente pelas diferentes categorias de produtos da marca, graças ao menu suspenso. Serena simplifica o formulário de inscrição no boletim informativo , disponibilizando-o em todas as páginas do site: página inicial, loja, sobre nós, envio e devoluções.

Dica: Use um layout horizontal para os formulários de inscrição no boletim informativo do seu site. Aumenta a visibilidade e aumenta o envolvimento.

7. Suje as mãos

exemplo de site zyro - coloque a mão na massa

Página inicial do Get Hands Dirty

Cristiana Felgueiras dirige um canal DIY no YouTube com mais de 800 mil inscritos. A estética e o visual de seu site correspondem aos de sua plataforma de compartilhamento de vídeos.

Seu site Get Hands Dirty abriga todas as suas criações – desde produtos tangíveis até seus vídeos premiados. A guia Projeto exibe uma galeria de vídeos DIY do YouTube acompanhada por uma lista de ferramentas que ela usa (com links afiliados!). Você pode encontrar suas criações na seção Loja de seu site.

Dica: Os sites são uma boa plataforma para promover links afiliados, permitindo gerar receita extra. Eles duram mais do que postagens nas redes sociais.

8. Tati Uribe

exemplo de site zyro - tati uribe

Página inicial de Tati Uribe

Tati é conhecida por compartilhar dicas úteis para empreendedores no YouTube (612 mil seguidores). A mentora empresarial colombiana promove seu canal em sua página inicial com um vídeo de introdução .

Aproveitando as páginas fáceis de criar da Hostinger, Tati também exibe todas as suas outras ofertas, como cursos, workshops e descontos para afiliados. Ela também garante que seus seguidores possam contatá-la adicionando uma função de bate-papo no WhatsApp.

Dica: o WhatsApp Live Chat é uma ótima maneira de manter contato com seus clientes mesmo quando eles saem do seu site.

9. Andrei Restrepo

exemplo de site zyro - andrei restrepo

Página inicial de Andrei Restrepo

O especialista em fotografia Andrei mostra seu talento usando uma paisagem cativante para uma imagem em tela cheia.

A página inicial apresenta um layout limpo, destacando seus serviços, produtos digitais, projetos mais recentes e páginas de mídia social. Apesar dos esquemas de cores variados, há uma sensação suave e suave no site.

Em termos de funcionalidade, Andrei oferece uma maneira fácil para os visitantes acessarem sua página Etsy , colocando um botão “Loja” na barra de navegação principal.

Dica: para vendedores Etsy estabelecidos, vincular sua loja ao seu site pode conferir autoridade ao seu novo site.

10. Jared McCormack

Jared McCormack

Página inicial de Jared McCormack

A página inicial do escritor e podcaster Jared McCormack é simples. O que você vê na imagem acima é tudo o que há para fazer.

Mas quando você acessa a página “Podcast” dele, é uma mina de ouro. Você verá uma galeria de colunas abundante com todos os episódios anteriores. Clicar em um episódio leva você a uma página com uma descrição rápida e um link para ouvi-lo na plataforma de sua escolha.

Dica: Adicionar uma página de Recursos de Imprensa (mostrada como Mídia no site de Jared) lhe dará pontos de credibilidade junto ao seu público e parceiros em potencial, seja você um freelancer, uma marca de comércio eletrônico ou um influenciador.

11. Um dia de folga

exemplo de site zyro - um dia de folga

Página inicial de um dia de folga

Jason van Domburh, o diretor de arte por trás de A Day Off, mantém sua página de portfólio simples, mas poderosa, apresentando um vídeo de introdução em sua página inicial. Há também uma galeria de duas colunas que mostra seus trabalhos mais recentes. Para descobrir o restante de sua presença online, ele coloca seus links de mídia social em um menu suspenso em Redes Sociais.

Dica: desative a reprodução automática de seus vídeos. Você não quer assustar seus visitantes com o áudio ou fazê-los perder o início do vídeo. Também pode parecer intrusivo para os usuários que visualizam seu site em dispositivos móveis.

12. Monika Rimiene

exemplo de site zyro - monika rimiene

Página inicial de Monika Rimiene

Sofisticado. Essa é uma palavra para descrever o site da designer de interiores Monika. Ela expõe suas escolhas estéticas, facilitando a atração de clientes em potencial que refletem seus gostos.

Além da página inicial, seu site tem apenas duas outras páginas – Interior para seus projetos de design de interiores e Estilo para suas passagens de estilo de produtos. Em ambas as páginas, as imagens aparecem como blocos de tamanhos variados e são categorizadas por projeto – limpas e imaculadas como seu vestido branco em sua imagem principal.

Dica: Escolha o seu melhor trabalho e deixe-o ganhar destaque no site do seu portfólio. Priorize a qualidade em vez da quantidade.

13. Stounson

exemplo de site zyro - stounson

Página inicial de Stounson

Nada é mais direto ao ponto do que o site do artista Stounson. Sua página inicial é sua loja, onde ele vende sua impressionante mistura de arte pop e designs neo-expressionistas.

Stounson usa extensivamente espaços em branco em todas as suas páginas da web, garantindo que seus olhos gravitarão naturalmente para as fotos, a estrela do show.

Dica: O espaço em branco é importante para contrabalançar as imagens coloridas.

14. Guloseimas iluminadas

exemplo de site zyro - brindes iluminados

Página inicial dos brindes iluminados

Illuminated Goodies é dirigida por uma designer digital, e seu trabalho é a primeira coisa que você vê ao visitar sua página. Se você gostou do que viu, basta clicar no link “Fale Conosco”. Na verdade, o designer garante que você não perca adicionando outro botão de call to action ( CTA) no final da página inicial.

O portfólio contém uma coleção de imagens que você pode ampliar para estudar os detalhes com mais detalhes. E é isso, realmente. Outro design simples do Hostinger Website Builder.

Dica: torne a página de contato fácil de encontrar. Além de vincular a eles com botões de CTA, sempre deve haver um lugar na sua barra de navegação para esta página.

15. Eu sou Rabbani

exemplo de site zyro - iamrabbani

Eu sou a página inicial de Rabbani

Desde o início, você pode dizer que Ali Rabbani, a pessoa por trás do site, é um personagem interessante. Este portfólio que virou loja online ficou ótimo com seu ecletismo unificado.

O estilista e artista de moda usa uma colagem de imagens divertidas e vibrantes para circundar o texto da imagem em destaque.

Além disso, há um banner que direciona você para a loja online. Se você clicar em qualquer lugar da imagem, você será direcionado para a página da Loja. Passe pela introdução da página inicial para ver suas maiores criações (também disponíveis com mais detalhes nas páginas do estilista e do portfólio).

Dica: Para manter um visual eclético e com forte foco na imagem, use fundos neutros e organize os elementos simetricamente.

16. Acampamento de vídeo

exemplo de site zyro - video camp

Página inicial do Video Camp

O diretor de fotografia Vitalis Mika cria conteúdo de vídeo para marcas. Ele usa imagens e vídeos em tela cheia em várias páginas de seu site.

Embora sua empresa Video Camp esteja sediada na Lituânia, ele consegue atingir um público mais amplo oferecendo opções de idioma inglês em seu site, graças à função multilíngue da Hostinger.

Dica: Facilite o acesso ao alternador de idiomas ao criar sites multilíngues.

17. Open Bar Gueto Gourmet

exemplo de site zyro - open bar ghetto gourmets

Página inicial do Open Bar Ghetto Gourmet

O Open Bar Ghetto Gourmet oferece condimentos em potes que elevam a comida caseira ao nível de restaurante.

O site deles é simples, apresentando apenas fontes simples e fotografias espontâneas e casuais . Esta escolha de design é intencional e fala muito sobre a marca e seus produtos feitos à mão e sem artificiais.

Além de abrigar em sua Loja suas geléias, conservas, caldos e molhos mais vendidos, a equipe OBGG também compartilha receitas fantásticas em seu site. A página Eventos oferece detalhes sobre as próximas oportunidades de comprar seus produtos pessoalmente.

Dica: Adicionar uma página de eventos ao seu site pode ser uma ótima opção para empresas que operam online. É útil para descobrir eventos como pop-ups, workshops e celebrações.

18. Faísca Pizza

pizza de faísca

Página inicial da Faisca Pizza

Faisca em português significa “faísca”, então qual imagem melhor para usar do que uma foto impressionante de sua pizza?

Em vez do menu de navegação tradicional, a Faisca Pizza coloca estrategicamente botões brancos de CTA na imagem principal do site do restaurante. Os três primeiros botões oferecem diferentes opções de pedido: aplicativo de entrega de comida Yooga, aplicativo de entrega iFood e WhatsApp.

O site possui apenas duas outras páginas além da página inicial. Uma página Sobre nós e uma página de formulário de registro que os clientes podem preencher para receber descontos.

Dica: certifique-se de que sua frase de chamariz seja altamente visível com uma animação sutil. O botão branco da Faisca Pizza fica preto quando o cursor pousa sobre ele.

19. Corporação Abraâmica de Alimentos

exemplo de site zyro - abrahamic food corporation

Página inicial da Abrahamic Food Corporation

Abrahamic Food Corporation demonstra como o Hostinger Website Builder pode criar sites impressionantes com múltiplas páginas e uma estrutura web , com a maioria das páginas levando você à página de contato, em vez da página inicial.

Eles têm seis botões de menu principal, mas passar rapidamente por “Mais” revelará mais três páginas: Food Academy, AFC Community e Online Shop.

Do ponto de vista estético, a AFC fez um ótimo trabalho ao incorporar os valores e filosofias de sua marca em seu site. Usando um controle deslizante de imagens familiares, texto fácil de ler e pequenos toques de cor, é mais provável que as pessoas prestem atenção à sua mensagem.

Dica: As imagens do controle deslizante são arquivos grandes. Otimize-os para uma melhor experiência do usuário e um carregamento mais rápido da página.

20. Nome familiar

exemplo de site zyro - nome familiar

Página inicial do nome da família

Household Name, uma agência de promoção de marca, usa sua página inicial como portfólio principal. Possui seis blocos, que representam seis projetos. Cada bloco apresenta uma imagem em tela inteira e um link para saber mais.

Os links direcionam você para projetar vídeos aprofundados, que também podem ser acessados ​​no menu principal nas seguintes categorias: promoção, publicidade, conteúdo, patrocínio e sem fins lucrativos. No rodapé você encontrará links para contas de redes sociais e outras páginas relevantes.

Dica: dê amplo espaço ao rodapé, para que os leitores possam ler e interagir com os botões nele contidos.

21. Datrick

exemplo de site zyro - datrick

Página inicial do Datrick

Datrick é especialista em engenharia de software, montando empresas com desenvolvedores remotos. O site deles usa um efeito Parallax para tornar a página inicial mais dinâmica. Mas, no geral, ele segue um tema simples e empresarial, com um botão de call to action proeminente e um slogan atraente sendo as primeiras coisas que você vê.

Na página inicial, você encontrará conteúdo informativo, gráficos envolventes e CTAs cuidadosamente posicionados. Outras seções em destaque incluem depoimentos de clientes, diagramas de fluxo de trabalho e uma prévia das postagens do blog.

Dica: Parallax é legal, mas use-o com moderação para adicionar interesse visual apenas onde for necessário.

22. Iskala

exemplo de site zyro - iskala

Página inicial de Iskala

A imagem de um grupo sorridente de pessoas no escritório evoca confiança e confiança. É exatamente isso que a empresa de pesquisa e desenvolvimento Iskala busca. Além disso, eles foram espertos ao incluir estatísticas de desempenho e uma lista de clientes que atendem, marcando a caixa de prova social .

Eles também adicionaram CTAs abundantes e um chatbot , permitindo melhor comunicação e ação. Sendo a Iskala uma empresa de formação e consultoria, existe uma academia online facilmente acessível a partir da barra de navegação.

Dica: A página inicial é um bom troféu para exibir sua lista de clientes. A menos que você tenha estudos de caso prontos, evite colocar sua lista em uma página separada.

23. Meu sonho Malta

meu sonho malta

Página inicial do My Dream Malta

Ao fazer reservas de viagens, você pesquisa a agência de viagens antes de fazer a reserva? My Dream Malta facilita essa etapa adicionando o snippet da página de avaliação do TripAdvisor (que também é uma imagem clicável).

A página Tours apresenta um layout de galeria mostrando todos os pacotes disponíveis. Clique na imagem para conferir as inclusões de um passeio específico. Junto com os botões de bate-papo do WhatsApp e do Facebook, há também um formulário de reserva e uma página de contato para correspondência instantânea.

Dica: Facilite o preenchimento do seu formulário de contato incluindo o mínimo de campos possível.

24. Desfiladeiro do Rio Columbia

exemplo de site zyro - Columbia River Gorge

Página inicial do Columbia River Gorge

O site Columbia River Gorge não é voltado para estética; afinal, este é um site informativo sobre um marco nacional.

Mas está na lista porque mostra como o Hostinger Website Builder lida com múltiplas páginas e sites com muito conteúdo. Possui 17 opções de menu na barra de navegação , cada uma levando a uma página com textos longos e imagens.

Embora exista um argumento para simplificar essas categorias ou usar subcategorias para exibir páginas menos importantes em um menu suspenso, não há como negar que este site está repleto de recursos e informações – algo que o Hostinger Website Builder pode facilmente acomodar.

Dica: Se você tiver uma seção de texto longa, evite usar fontes diferentes. Limite-se a no máximo três.

25. Piktas Keksas

exemplo de site zyro - piktas keksas

Página inicial de Piktas Keksas

Recém-casados ​​rindo alegremente em uma foto dão a este site uma sensação imediata de alegria. Se você está planejando se casar, você quer um organizador de casamentos que possa tornar este dia do seu casamento uma realidade.

Como os casamentos costumam ser elegantes, Justina, do Piktas Keksas (Angry Cupcake em inglês), incorpora fotografias profissionais clássicas e tipografia limpa em todo o seu site. Ela também exibe seu feed do Instagram em sua página.

Justine oferece modelos para download gratuito para seus visitantes em sua página DIY. Os convidados são redirecionados para um link do Google Drive quando clicam no botão de download.

Dica: integre sua conta do Instagram ao site do seu portfólio. É um hack simples para manter sua página atualizada e também traz um belo impacto visual.

26. Tilly Rosa Criativa

tilly rosa criativa

Página inicial da Tilly Rose Creative

Sendo fotógrafa, a página inicial de Tilly Rose apresenta uma grade com suas melhores fotos. Este site de fotografia, como um todo, está repleto de imagens. Mas a interface permanece simples e intuitiva, com o logotipo servindo como botão home.

Seu site oferece agendamento de consultas em cada página. Uma página para cada tipo de serviço fotográfico disponível. Ela organiza essas páginas como categorias na barra de navegação principal. Consegui-la é fácil; basta preencher o formulário de contato no final de cada página.

Dica: Para imagens pesadas, estilo e tamanho consistentes as tornarão mais convidativas e esteticamente agradáveis.

Sites do construtor de sites Hostinger: considerações finais

O Hostinger Website Builder ainda tem muito espaço para melhorias, mas ei! Mal tem três anos. Ainda assim, a sua popularidade está a crescer entre as pessoas que procuram uma forma acessível de estabelecer uma presença online.

Além do preço relativamente baixo, oferece uma ampla gama de recursos adequados para qualquer setor. Resumindo, esta plataforma oferece um grande retorno pelo seu investimento.

> Experimente o Construtor de Sites Hostinger hoje mesmo

Você tem um site Hostinger que deseja compartilhar nesta página? Deixe-nos saber nos comentários abaixo!