¿Qué es el encabezado de un sitio web de portafolio?
El encabezado de un sitio web de portafolio es la banda ancha en la parte de arriba de tu página. Suele llevar tu nombre, a qué te dedicas y una imagen que marca el tono. Fotógrafos, diseñadores y freelancers dependen de él, porque quien visita decide en pocos segundos si sigue bajando. Es el único elemento con el que empieza cada visita.
Con Morphic diseñas ese encabezado desde tu navegador, a partir de un prompt de texto. Describe la imagen principal, dónde va tu nombre y el ambiente que buscas. Compara algunos diseños y descarga en HD con un recorte ancho. Obtienes un banner pulido sin contratar a un diseñador web. Piensa también en quien abrirá tu portafolio desde el celular.
Decide qué debe decir el encabezado
Define tu nombre y una línea corta con lo que haces, por ejemplo “Fotógrafa de bodas y retratos”. Dos datos claros funcionan mejor que un párrafo que nadie lee.
Describe el encabezado
Abre Morphic y describe un banner ancho: la imagen principal, el lugar de tu nombre y el espacio que dejas para la navegación. Pide un par de diseños para comparar dónde cae primero la mirada.
Deja espacio para la interfaz
Pide zonas despejadas donde quepan los enlaces del menú y un logo sin tapar el motivo. Un encabezado que ignora la navegación siempre se ve recargado cuando el sitio ya está armado.
Revísalo en cualquier ancho
Mira el banner en formato ancho y luego recortado en angosto, como lo mostraría un celular. Regenera cualquier versión donde tu nombre quede fuera de la zona central segura.
Exporta e instálalo
Confirma que el texto está nítido y que la imagen conserva detalle a todo el ancho. Descarga en HD y colócalo como imagen principal de tu sitio.
Dos diseños de encabezado para el mismo portafolio, ambos con el nombre y la línea de tu especialidad.
Qué hace bueno el encabezado de un portafolio
| Cualidad | Qué significa | Por qué importa |
|---|---|---|
| Claridad inmediata | El nombre y la especialidad se leen de una vez | Quien visita sabe de quién es el sitio |
| Espacio para la navegación | Zonas despejadas para el menú y el logo | La página ya armada se ve limpia |
| Zona central segura | Lo clave sobrevive a los recortes angostos | El encabezado sigue funcionando en un celular |
| Un tono acorde con tu trabajo | La imagen refleja tu estilo | El sitio se siente como un solo cuerpo de trabajo |
Morphic frente a la forma tradicional
| Morphic | Contratar a un diseñador web | |
|---|---|---|
| Costo | Disponible en Morphic | Honorarios por cada ronda de correcciones |
| Tiempo | Un encabezado terminado en minutos | Semanas de briefs y comentarios |
| Habilidad necesaria | Lo describes con palabras sencillas | Conocimientos de maquetación y diseño web |
| Consistencia | Regeneras variantes a juego | Un encargo nuevo por cada cambio |
Preguntas frecuentes
Sí. Escribe el texto exacto en tu prompt, con sus acentos y su ñ. Luego revisa lo que se generó y regenera si la ortografía o los espacios se ven mal.
Sí. Deja tu nombre y el dato clave cerca del centro, luego mira un recorte angosto y regenera lo que se corte.
Sí. Describe tu paleta y tu estilo de letra, y genera el encabezado para que combine con el resto de tu sitio.
Sí. Pide variantes con el mismo estilo, para que las páginas de inicio, trabajos y contacto se sientan como un solo sitio.
Describe la imagen o el texto nuevo y regenera. Actualizar la imagen principal toma minutos, no un rediseño.
Sí. Las imágenes que generas con Morphic están autorizadas para uso comercial en tu propio sitio y en el trabajo para clientes.