O que é o cabeçalho de um site de portfólio?
O cabeçalho do site de portfólio é a faixa larga no topo da página. Ele costuma trazer o seu nome, o que você faz e uma imagem que dá o tom. Fotógrafos, designers e freelancers dependem dele, porque quem visita decide em segundos se vai continuar rolando a página. É o primeiro elemento que toda visita vê. Como muita gente abre o portfólio pelo celular, o cabeçalho também precisa funcionar numa tela estreita.
Com o Morphic, você cria esse cabeçalho a partir de um prompt, direto no navegador. Descreva a imagem principal, a posição do seu nome e o clima, compare alguns layouts e baixe em HD num corte largo. Você recebe um banner bem acabado, sem contratar um web designer.
Decida o que o cabeçalho precisa dizer
Defina o seu nome e uma frase curta sobre o que você faz, como “fotógrafa de casamento” ou “designer de embalagens”. Duas informações claras funcionam melhor do que um parágrafo que ninguém lê.
Descreva o cabeçalho
Abra o Morphic e descreva um banner largo: a imagem principal, o lugar do seu nome e o espaço reservado para o menu. Peça alguns layouts para comparar onde o olhar pousa primeiro.
Deixe espaço para a interface
Peça áreas calmas onde o menu e o logo possam ficar sem cobrir o assunto. Um cabeçalho que ignora a navegação sempre parece apertado depois que o site é montado.
Confira em todas as larguras
Veja o banner na versão larga e depois cortado em formato estreito, como o celular mostra. Gere de novo qualquer versão em que o seu nome saia da área central segura.
Baixe e instale
Confirme que a letra está nítida e que a imagem mantém o detalhe na largura total. Baixe em HD e use o arquivo como imagem principal do seu site.
Dois layouts de cabeçalho para o mesmo portfólio, ambos com o nome e a linha de atuação.
O que faz um bom cabeçalho de portfólio
| Qualidade | O que significa | Por que importa |
|---|---|---|
| Clareza imediata | Nome e atuação se leem de uma vez | Quem visita sabe de quem é o site |
| Espaço para a navegação | Áreas calmas para menu e logo | A página montada fica limpa |
| Área central segura | O conteúdo principal resiste aos cortes estreitos | O cabeçalho continua bom no celular |
| Tom alinhado ao trabalho | A imagem reflete o seu estilo | O site parece um único conjunto de trabalhos |
Morphic vs o jeito tradicional
| Morphic | Contratar um web designer | |
|---|---|---|
| Custo | Disponível no Morphic | Cobrança por rodada de revisão |
| Tempo | Um cabeçalho pronto em minutos | Semanas de briefing e feedback |
| Habilidade necessária | Descrever em linguagem simples | Domínio de layout e web design |
| Consistência | Gere de novo variações que combinam | Novo trabalho encomendado a cada mudança |
Perguntas frequentes
Pode. Escreva o texto exato no prompt, com acentos e cedilha, e confira o resultado. Se a grafia ou o espaçamento sair errado, gere de novo.
Dá. Deixe o nome e a informação principal perto do centro e veja a prévia num corte estreito. Gere de novo o que for cortado.
Pode. Descreva a paleta e o estilo da letra, e o cabeçalho é gerado para combinar com o restante do site.
Pode. Informe a proporção e o tamanho que a rede pede para a capa. Gere o banner nesse formato, com o nome na área central.
Descreva a nova imagem ou o novo texto e gere de novo. Atualizar o banner leva minutos, e não um redesenho.
Pode. As imagens criadas no Morphic estão liberadas para uso comercial no seu site e em trabalhos para clientes.