Hostinger Horizons é uma ferramenta de inteligência artificial que serve para criar web apps<\/strong><\/a> sem mexer em programação. Basta escrever instruções simples e a IA criará o web app que você tem em mente.<\/p> Como eu não tenho experiência avançada em linguagens de programação e não saberia escrever códigos longos e complexos para criar um web app do zero, fiquei feliz de saber que não precisaria me preocupar com a parte técnica da coisa — pois a Hostinger Horizons cuida de tudo, desde a criação até a publicação do projeto.<\/p> A ferramenta está disponível em mais de 80 idiomas<\/strong>, portanto, você pode começar a criar seu aplicativo simplesmente descrevendo o que deseja no idioma de sua preferência.<\/p> Melhor ainda: logo de cara, a Hostinger Horizons já está integrada com a plataforma de hospedagem da Hostinger. Desta forma, quando seu web app estiver pronto, você poderá publicá-lo instantaneamente.<\/p> Para começar meu projeto, eu anotei todas as funcionalidades e elementos de design que queria no web app do meu cartão de visita virtual. Aqui está um detalhamento do meu plano:<\/p> Agora, vamos ver exatamente como eu usei a Hostinger Horizons para criar meu web app de cartão de visita virtual.<\/p> Para iniciar esse projeto, escolhi o plano que melhor atendia às minhas necessidades. Os planos da Hostinger Horizons partem de R$ 58,99\/mês <\/strong>com uma garantia de reembolso de 30 dias.<\/p> Todos os planos incluem os mesmos recursos e um mês de hospedagem Business <\/strong>para colocar seu web app no ar. A única diferença é o limite de mensagens que você pode trocar com a ferramenta — variando de 50 mensagens no plano Explorer a 1.000 mensagens no plano mais alto.<\/p> Depois de comprar meu plano, fui até o <\/strong>hPanel <\/strong><\/a>e cliquei em Sites<\/strong>→ Lista de Sites <\/strong>na barra lateral esquerda.<\/p> Em seguida, cliquei em Adicionar site <\/strong>ao lado do meu novo plano de hospedagem e selecionei a opção Hostinger Horizons <\/strong>na lista.<\/p> A página inicial do Hostinger Horizons tem um campo para digitar a instrução que eu usarei para começar a criar meu web app.<\/p> Em uma instrução clara e concisa, descrevi a ideia do web app para meu cartão de visita virtual, detalhando os principais recursos e elementos de design que eu desejo. Este foi o prompt exato que eu usei:<\/p> Depois que apertei Enter<\/strong>, a ferramenta processou meu prompt e me apresentou uma versão básica do meu web app. Nesta primeira versão, o aplicativo já conta com um design limpo e campos apropriados para meus detalhes de contato, bem como áreas para fazer o upload da minha foto de perfil e o logotipo da empresa.<\/p> A ferramenta também criou uma pré-visualização ao vivo ao lado da área onde entro com meus dados, onde é possível ver meu cartão de visita virtual tomando forma à medida que eu insiro minhas informações nos campos correspondentes.<\/p> Aqui está o resultado da pré-visualização depois que preenchi todos os campos e fiz o upload das minhas imagens:<\/p> Para continuar, meu objetivo era aprimorar a interface do usuário (UI) e a experiência do usuário (UX) do meu web app para torná-lo mais personalizável e funcional.<\/p> Opções de personalização<\/strong><\/p> Pensei em criar uma experiência de personalização mais flexível e fácil de usar, com foco na seleção de fontes, paletas de cores e opções de layout.<\/p> Dei a seguinte instrução para que a Hostinger Horizons adicionasse alguns recursos:<\/p> Após o processamento do prompt, a ferramenta adicionou algumas seções para personalizar a aparência do meu cartão de visita virtual. Foram criadas quatro abas: Conteúdo, Estilo, Layout e Espaçamento, cada uma com opções para alterar aspectos visuais do cartão de visitas.<\/p> Depois de fazer algumas personalizações em meu cartão de visita usando os recursos recém-adicionados, este é o resultado que obtive na visualização:<\/p> Funcionalidade de salvar e editar<\/strong><\/p> Eu queria adicionar a possibilidade de salvar um cartão de visita para edição futura. Dessa forma, eu poderia manter meu design e continuar trabalhando nele posteriormente para fazer outras atualizações.<\/p> Para fazer isso, eu precisava de uma lógica melhor para gerenciar e editar cartões salvos. Decidi adicionar uma página inicial ao web app em que eu possa optar por Criar um novo cartão <\/strong>ou Editar um cartão existente<\/strong>. Na área de edição, incluí um botão Salvar cartão <\/strong>para salvar meu design atual. <\/p> Digitei o prompt abaixo na Hostinger Horizons para implementar essas melhorias:<\/p> A ferramenta de IA apresentou uma página inicial limpa e intuitiva, conforme minha solicitação.<\/strong><\/p> Após salvar um cartão, ele é rotulado com meu nome, facilitando a localização do cartão específico que eu estou procurando.<\/p> Recurso de download fácil<\/strong><\/p> Depois de projetar meu web e aprimorar o fluxo de edição, eu precisava de um recurso para compartilhar meu cartão de visita virtual. A ideia era manter as coisas simples, então decidi ter apenas uma opção de download para salvar meu cartão como uma imagem PNG.<\/p> Para isso, adicionei um botão Baixar <\/strong>embaixo da pré-visualização do cartão na página do editor — bastou digitar esse prompt na ferramenta de IA:<\/p> Agora, eu posso fazer o download do cartão de visita virtual que criei e compartilhá-lo com qualquer pessoa, seja enviando-o como anexo de e-mail, publicando-o nas mídias sociais, imprimindo-o ou até mesmo exibindo-o em meu site.<\/p> Com meu web app pronto, é hora de colocá-lo no ar. A parte boa é que a Hostinger Horizons torna esse processo basicamente instantâneo: clicando em um botão, meu aplicativo está online para ser usado por qualquer pessoa.<\/p> Ele foi publicado com um domínio temporário, mas eu posso facilmente conectar meu web app a um domínio personalizado. Para isso, basta clicar no Obter domínio <\/strong>na janela pop-up Publicado com sucesso<\/strong> ou selecionar Alterar domínio <\/strong>na página da lista de sites no hPanel.<\/p> Quer ver o resultado ao vivo? Confira meu web app<\/strong><\/a> — não precisa fazer login.<\/p> Como em qualquer projeto de desenvolvimento, encontrei alguns problemas ao longo do caminho. Por exemplo, apareceram alguns erros ao tentar adicionar opções de personalização de fontes e cores.<\/p> Por sorte, o Hostinger Horizons tem recursos robustos para solucionar erros. Simplesmente pedi que a ferramenta corrigisse o problema com o clique de um botão.<\/p> A Hostinger Horizons detectou o problema, explicou a solução proposta e corrigiu o erro por conta própria, sem nenhuma intervenção da minha parte. Depois disso, a pré-visualização voltou a funcionar normalmente.<\/p> A primeira versão do meu web app após a publicação também não estava perfeita, pois a área de visualização do cartão de visita não era responsiva e estava muito grande na tela.<\/p> Informei a Hostinger Horizons sobre o problema, e a ferramenta rapidamente o corrigiu para mim.<\/p> Essa experiência me mostrou que a Hostinger Horizons não apenas simplifica o desenvolvimento de web apps, mas também facilita a solução de problemas — mesmo que você não tenha nenhum conhecimento técnico. Se quiser mais detalhes, confira nosso guia sobre como começar a usar a Hostinger Horizons<\/strong><\/a>. <\/p> Criar meu próprio web app para cartões de visita virtuais com a Hostinger Horizons foi uma experiência surpreendentemente divertida! Foi como ter um desenvolvedor dedicado à minha disposição, e fiquei surpreso com a qualidade da ferramenta que criei sem mexer em uma linha de código sequer.<\/p> Adorei a facilidade de personalizar o design e os recursos de acordo com minha ideia. E a melhor parte? Eu não precisei lidar com nenhum código complexo ou ferramentas de design — tudo o que eu precisei foi descrever minha visão, dando à Hostinger Horizons as instruções certas<\/strong><\/a>.<\/p> Se você estiver procurando uma maneira descomplicada de criar seu próprio web app, recomendo fortemente a Hostinger Horizons!<\/p>![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/BR_Horizons_in-text-banner.png\/public\")
<\/a><\/figure>Planejando seu cartão de visita virtual<\/strong><\/h2>
\n
Como criar um cartão visita virtual com a Hostinger Horizons: passo a passo<\/strong><\/h2>
1. Iniciando o projeto<\/strong><\/h3>
![\"opção](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/adicionar-site-horizons.png\/public\")
<\/figure><\/div>![\"tela](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/horizons.jpeg\/public\")
<\/figure>2. Adicionando recursos básicos<\/strong><\/h3>
Crie um web app de cartão de visita virtual que permita que eu insira\/edite minhas informações profissionais e personalize o design do cartão. Inclua a funcionalidade de carregar minha foto de perfil e o logotipo da empresa.<\/pre>
![\"criando](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/horizons-criar-cartao-de-visita-virtual-1.png\/public\")
<\/figure><\/div>![\"pré-visualização](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/horizons-criar-cartao-de-visita-virtual-2.png\/public\")
<\/figure><\/div>3. Melhore a interface e a experiência do usuário<\/strong><\/h3>
Expanda a seleção de fontes, com uma opção de visualização para ver como cada fonte fica no cartão de visita virtual. Ofereça uma gama maior de opções de cores, incluindo a possibilidade de criar paletas de cores personalizadas. Ofereça diferentes opções de layout, como layouts verticais ou horizontais, e permita que os usuários ajustem o espaçamento e o alinhamento.<\/pre>
![\"opções](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/Captura-de-Tela-2025-03-27-as-12.29.13.png\/public\")
<\/figure><\/div>![\"pré-visualização](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/cartao-de-visita-virtual-horizons.png\/public\")
<\/figure><\/div>Adicione uma página inicial com opções para \"Criar um novo cartão\" ou \"Editar cartão existente\". Na página de edição, inclua um botão \"Salvar cartão\" para salvar o design atual.<\/pre>
![\"página](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/web-app-cartao-visita-horizons.png\/public\")
<\/figure><\/div>Adicione um botão \"Baixar PNG\" abaixo da pré-visualização do cartão na página do editor. Esse botão deve permitir que eu faça o download do meu cartão de visita virtual como uma imagem PNG com resolução ideal.<\/pre>
![\"opção](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/baixar-cartao-horizons.png\/public\")
<\/figure><\/div>Publicando e testando seu web app de cartão de visita virtual<\/strong><\/h2>
![\"botão](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/publicar-horizons.png\/public\")
<\/figure><\/div>![\"web](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/hostinger-horizons-successful-deployment-cofirmation-message-publish.png\/public\")
<\/figure><\/div>![\"erro](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/preview-error-1.png\/public\")
<\/figure><\/div>![\"horizons](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/horizons-corrigindo-erro.png\/public\")
<\/figure><\/div>![\"hostinger](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2025\/03\/troubleshooting-prompt-1.png\/public\")
<\/figure><\/div><\/a><\/figure>Conclusão<\/strong><\/h2>