Como criar um site. Guia passo a passo

Planeje as seções do site, a ideia principal e as funções. Por exemplo, um cliente precisa de um site sobre um escritório de arquitetura. Um dos elementos fundamentais que esse site deve apresentar são os trabalhos e os contatos do escritório.

Entretanto, também é importante identificar o que diferencia o escritório de outros concorrentes. O bureau pode se concentrar em lidar com tarefas complexas e compartilhar alguns recursos exclusivos que o fazem se destacar de outros serviços. É por isso que o upload de imagens atraentes e ilustrativas não será suficiente! Há um lugar para o conteúdo; você pode compartilhar descrições detalhadas de todos os dados, o processo envolvido e a justificativa das decisões.

Não é necessário exibir todos os projetos no site; concentre-se nos mais importantes, explique por que a marca ou empresa é considerada especialista e o que diferencia o serviço da concorrência. Nesse ponto, você precisará usar menos animação, embelezamento e outros efeitos especiais.

Explique o conceito da empresa e compartilhe os pontos principais que envolverão emocionalmente e inspirarão os visitantes do site.

Use o editor de texto e escreva o conteúdo. Avalie o volume do texto para ver se ele pode ser contido em uma página. Entretanto, se o conteúdo for muito grande, considere a possibilidade de usar um website com várias páginas e adicione algumas das informações ao menu do website.

Sites da concorrência. Depois de obter a ideia e a estrutura do site, você pode espelhar o site de um concorrente e encontrar recursos que sejam adequados e combinem com o seu conceito. Avalie o conteúdo em vez do design: o menu, os recursos da página principal e a cópia do texto.

Categorias cruzadas. Se estiver trabalhando em um site de apresentação de teatro, espelhe-se em outros sites que ofereçam serviços semelhantes. Se não conseguir encontrar algo semelhante, verifique outras categorias próximas, como ópera ou um site de dança moderna. Se precisar falar sobre um time de futebol, poderá usar métodos encontrados em sites de hóquei ou rúgbi.

Exemplos inspiradores. Mesmo profissionais com anos de experiência ainda acessam novos sites regularmente, seguem tendências e se inspiram em seus colegas. Entretanto, você não precisa ser um imitador para conseguir tudo isso. A ideia aqui é manter-se atualizado com o mundo em constante mudança do web design, identificar tendências e segui-las.

Ouça a si mesmo: é importante ter certeza de por que exatamente você gosta do site que está visitando. Você pode ficar fascinado pela tipografia, pela mistura de cores e pela qualidade das imagens. Procure métodos expressivos que você possa usar em seu trabalho. Confira sites de diferentes estilos de vida, independentemente do nicho.

Abaixo estão links para alguns recursos que apresentam coleções de bons exemplos.

Agora que você obteve algumas ideias e inspiração de seus concorrentes e sabe o que é esperado, a próxima fase é expressar essas ideias fazendo um esboço gráfico.

Essa é uma das coisas mais fáceis de fazer. Pegue um pedaço de papel e duas canetas coloridas, uma preta e uma de cor contrastante, e faça um esboço de um plano listando tudo o que é necessário para o projeto. Você não precisa ser detalhista neste momento; concentre-se apenas na ideia principal e crie um roteiro para o site que pretende construir.

Imagine isso como uma apresentação, pense em telas. O que você quer dizer? Talvez você possa exibir um design atraente que chame a atenção dos visitantes e indique a missão do site em um piscar de olhos.

Depois disso, fale um pouco mais sobre sua experiência, descreva algumas vantagens de trabalhar com a equipe e compartilhe seus contatos. Todos esses recursos devem ser esboçados adequadamente.

Há conjuntos básicos de elementos padrão; o texto é mostrado por linhas retas e um título mais ousado. A imagem tem a forma de um retângulo com linhas cruzadas e elementos operacionais que têm a forma de um alfinete. O título é a faixa na parte superior; na parte superior da tela, há uma linha tracejada em negrito destinada ao logotipo, enquanto na parte direita da tela há cinco linhas tracejadas destinadas ao menu.

Tente usar desenhos precisos, pois é mais fácil de perceber. Geralmente, há muitas ideias, portanto, é melhor fazer um brainstorming com seus colegas sobre qual ideia é a preferida.

Antes de prosseguir para o Tilda, é importante garantir que seu conteúdo esteja de acordo com o padrão. Lembre-se, conteúdo é fundamental! Primeiro, você deve reunir todos os elementos essenciais de que precisa; isso inclui publicações, apresentações, folhetos e qualquer material que sirva como ponto de partida.

Se estiver trabalhando para um cliente, é importante envolvê-lo em uma breve entrevista. Faça perguntas e tente entender o valor que eles oferecem e que os diferencia dos outros concorrentes.

Você mesmo pode transcrever a gravação ou contratar o serviço de um freelancer para fazer isso, o que não causará grandes problemas.

Se você pretende fazer a curadoria do conteúdo por conta própria, considere o seguinte plano:

Seja informativo, mas não se aventure em detalhes desnecessários; seja curto e destaque o que é importante - seja breve, tente compartilhar suas informações de forma rápida e amigável.

Empregue o uso de uma pirâmide invertida - primeiro diga o que é importante, seguido pelos detalhes. Nesse ponto, é importante combinar o título e o resumo. O título deve atrair a atenção e transmitir a essência, enquanto a descrição serve para expandir e completar a mensagem. Limite o uso de estruturas de lead-in, evite clichês e o estilo burocrático.

Registrar-se no TildaSe você ainda não tem uma conta, ela é gratuita.

Verifique cuidadosamente a lista de modelos. Escolha o modelo certo que se adapte ao projeto em que está trabalhando. Cada modelo é uma amostra de design da Web e um bom exemplo de combinação de blocos. Os modelos não limitam sua criatividade: Modifique-os a seu gosto ou comece do zero.

Confira a seção #madeontilda. Aqui você encontra uma seleção inspiradora dos melhores projetos de Tilda criados por outros usuários.

Abra a Block Library e crie o site com base no protótipo que você criou. Não edite o conteúdo no Tilda; o mais importante é criar o design. Se você não tiver as imagens certas, use amostras de alta qualidade que sejam semelhantes; você poderá substituí-las quando o site estiver pronto.

Adicione um menu; se parecer bom, tente não deixá-lo muito grande para que ele não domine a página. O menu não deve ter mais de cinco itens, e deve ser o mais simples possível. Sinta-se à vontade para aumentar as seções; mantenha os títulos das seções curtos. Três palavras em uma linha do menu são claramente desnecessárias: os itens do menu devem ser fáceis de ler.

A capa (primeira tela) merece atenção especial. A primeira impressão será boa se houver uma imagem de alta qualidade e um título atraente e original.

Uma imagem fala mais do que mil palavras. O uso de fotos nítidas e de alta resolução será de grande valia. De fato, "Sem fotos - sem site". Evite o uso de clip-art. O aperto de mão de dois homens de negócios e seus colegas sorridentes é um conceito ultrapassado, essas fotos não funcionam. É melhor tirar uma foto sua e de seus colegas do que procurar fotos prontas ao pesquisar "empresário de sucesso" no Google.

Contrateum fotógrafo ou ilustrador. Usar ilustradores e fotógrafos populares pode ser muito caro; no entanto, é possível encontrar profissionais a um preço razoável que tenham prazer em trabalhar com você e fornecer conteúdo atraente que possa ser usado em seu site.

Se precisar de ícones, você pode usar a biblioteca de ícones Tilda integrada.

Logotipo. O logotipo deve ser horizontal. O uso de logotipos verticais no site não parece atraente. Como regra geral, é ideal incorporar seu logotipo no menu e garantir que ele seja cortado para ocupar menos espaço. Se você não tiver um logotipo, pode simplesmente escrever o título do projeto usando uma fonte que não seja do sistema, como Proxima ou Futura.

Se você não tiver um logotipo por algum motivo, não há problema, pois isso tem pouca ou nenhuma influência sobre o valor do site. É melhor pensar nas fotos e no estilo geral.

Não se esqueça de incluir uma fonte de assinatura, pois ela afeta a comunicação. Lembre-se de que o conteúdo desempenha um papel muito importante, portanto, a fonte define o estilo da assinatura. Cada fonte tem um caractere, portanto, escolha uma fonte que se adapte ao seu conteúdo.

Por exemplo, você pode usar a Tilda Sans, a fonte de assinatura da Tilda. É uma fonte variável com uma licença aberta, o que significa que todos os usuários da plataforma podem aplicá-la gratuitamente em seus projetos comerciais. A Tilda Sans é uma sans serif geométrica para a Web que apresenta sete pesos de fonte e garante carregamento mais rápido da página e uso mais fácil em caixas de texto, títulos, subtítulos e na interface geral.

Como regra geral, o uso de uma única fonte é suficiente para um site. Mas se você quiser um contraste espetacular, use pares de fontes, como fontes com serifa e sem serifa. Exemplos de combinações de fontes bem-sucedidas:

Depois de projetar todos os blocos, dê uma olhada no site e avalie a aparência. Alinhe os recuos, uniformize os títulos, verifique se o tamanho da fonte permanece o mesmo e se há espaço em branco suficiente.

Use cores características - isso não significa que você precisa pintar tudo com cores diferentes. Em vez disso, siga a regra de que 90% é preto e branco, enquanto 10% é brilhante. Usar uma cor adicional é a melhor opção. Você pode misturar duas cores, mas isso deve ser feito em nível profissional.

Se você não tem experiência em design e nada parece estar dando certo, escreva o conteúdo, faça uma versão da página da Web no Tilda e contrate um designer por um período limitado.

Um designer profissional organizará rapidamente a página da Web. Isso o ajudará a reduzir os custos em comparação com o que você gasta ao encomendar um site do zero. Por outro lado, se você for um designer, fique à vontade para consultar um amigo para verificar os resultados e compartilhar um feedback imparcial.

Conecte o domínio. Para fazer isso, especifique o endereço de URL nas Configurações do site e, no lado do registrador usado para comprar esse nome de domínio, adicione um registro do tipo A que aponte para o endereço IP exibido em Configurações do site → Domínio. Saiba mais sobre como conectar seu domínio personalizado no Tilda no artigo da Central de Ajuda "How To Connect a Domain Name" (Como conectar um nome de domínio).

Não se esqueça das estatísticas. As principais métricas, como visualizações de página, sessões, leads, fontes de tráfego, estatísticas de UTM, eventos etc., estão disponíveis no Tilda em Site Settings → Analytics. Você pode obter mais detalhes no guia da Central de Ajuda "How To Track Website Statistics" (Como rastrear estatísticas do site).

Você também pode conectar um serviço de análise de terceiros, como o Google Analytics: Inscreva-se no serviço, obtenha o ID de rastreamento e cole-o nas configurações.

Pense em como pretende apresentar o site nos mecanismos de pesquisa ou nas mídias sociais e preencha o título e a descrição. Forneça a cada página um emblema ou uma imagem de visualização que será exibida sempre que a página for compartilhada nas redes sociais.

Testes. Neste ponto, você já concluiu o site; o próximo passo é obter avaliações dos visitantes. Mostre-o a seus colegas e amigos e peça-lhes que façam comentários críticos sobre o que acham e como o site pode ser aprimorado. Compartilhe o link com seus clientes e peça a opinião deles.