Cómo crear una página web de diseño que atraiga a los clientes adecuados

En resumen: cómo crear una página web de diseño

Esta guía te enseña a crear una página web de diseño con tu propio nombre como dominio. Empezarás con una plantilla de portafolio o de estudio y añadirás las cinco páginas que buscan los clientes que encargan proyectos: tu trabajo, tus servicios, una página sobre ti, tu proceso y tus datos de contacto. El paso de los servicios es el más importante. Presenta cada disciplina por separado, como identidad de marca, packaging, diseño web y de producto, ilustración y dirección de arte, con un precio orientativo al lado de cada una. Así, los clientes ven enseguida si eres la persona adecuada. El creador de páginas web de Yola incluye bloques de Servicios y Precios listos para usar con este diseño, así que tú mismo puedes actualizar una tarifa cada vez que cambie.

La segunda mitad trata de los casos de estudio que explican el encargo y lo que entregaste, y de un formulario de consulta que pide el proyecto, los plazos y el presupuesto antes de que respondas. Como el diseño no exige ninguna licencia oficial, también te enseña a ganar credibilidad con logos de clientes, premios y testimonios. Añadirás una página para charlas, talleres y tu disponibilidad actual, y aprenderás a aparecer en búsquedas locales como "diseñador de [disciplina] [ciudad]" y en las búsquedas de tu propio nombre. Completa los diez pasos y las consultas que te lleguen serán las que vale la pena presupuestar.

Qué incluir

Funciones clave de una página web de diseño

Cómo crear una página web
de diseño en 10 pasos

Tu dominio es lo que alguien escribe después de oír tu nombre en una reunión. En diseño, el trabajo llega más por recomendación que por búsqueda, así que la dirección a la que llega la gente debería ser tu propio nombre si trabajas con él, o el nombre del estudio si tienes uno. Quédate con el .com si está libre, porque sigue siendo la terminación que la gente da por hecha cuando escribe de memoria.

Evita guiones y números. Quien repite tu dirección en voz alta se salta ambos y acaba en la página web de otra persona. Si tu nombre ya está ocupado, añade tu disciplina en lugar de un guion, janeharperdesign.com en vez de jane-harper.com, y usa esa misma forma en tu firma de correo, tus facturas y los perfiles que tienes en Behance y Dribbble.

El creador de páginas web de Yola te permite buscar y registrar un dominio en el mismo proceso en el que creas la página web, y los planes anuales incluyen un dominio gratis durante el primer año. Si ya tienes una dirección de un portafolio antiguo, haz que apunte a la nueva página web en lugar de empezar otra, porque lo que llevas impreso en tres años de tarjetas de visita vale la pena mantenerlo vivo.

Sabes cómo es una página bien hecha, y justo por eso un creador de páginas web puede parecerte un paso atrás, así que sé sincero contigo sobre lo que ganas y lo que cedes. Una plantilla no te va a dar una página web única con animaciones a medida y un sistema tipográfico que nadie más tiene. Si ese es el encargo que te estás haciendo a ti mismo, estás contratando un desarrollo y pagándolo. Lo que te da Yola a cambio es una estructura que puedes editar en el navegador, así que la página web está publicada este mes y añadir un nuevo caso de estudio te lleva veinte minutos en lugar de un correo a quien la hizo.

Responde unas cuantas preguntas sobre el trabajo que aceptas y el creador de páginas web con IA de Yola prepara un primer borrador para empezar. Las herramientas de IA completas están en los planes de pago y el plan gratuito incluye IA básica, así que trata lo que te devuelve como un wireframe con tu nombre y cambia la tipografía, los colores y cada línea de texto. El alojamiento, un certificado SSL automático y copias de seguridad automáticas vienen con la página web. Empieza con una plantilla que ya tenga una cuadrícula de casos de estudio y un diseño de servicios, y la mayor parte de tu trabajo será decidir qué proyectos entran.

Empieza con una plantilla

Plantillas de páginas web de diseño

Seis páginas bastan, y mantener un conjunto tan pequeño es una decisión, no un atajo. Cada página de más es otra cosa que deja de ser cierta sin que te des cuenta mientras estás volcado en el trabajo de tus clientes.

Dos de las seis llevan casi todo el peso. En Trabajo, alguien decide si puedes resolver su tipo de problema, y en Servicios descubre si aceptas ese tipo de problema. Las otras cuatro sostienen a esas dos.

Crea primero estas seis y añade lo demás cuando lo esencial ya esté publicado:

Nombra las disciplinas como las nombran los diseñadores y como las busca un cliente con presupuesto. Identidad de marca, packaging, diseño web y de producto, ilustración, dirección de arte. "Soluciones creativas" no es una disciplina, y nadie con un encargo de packaging lo va a leer como tal.

Luego deja claros los límites. Decir qué disciplinas trabajas es la mitad del filtro. Decir cuáles has dejado de trabajar es la mitad que más tiempo te ahorra, así que si ya no haces presentaciones a concurso, ni animación, ni nada a lo que prefieras no volver, una línea clara en la página de servicios lo descarta antes de que se convierta en una llamada. Lo mismo pasa con la entrega. Si un proyecto web termina en los archivos de diseño o si también construyes la página web es el punto que más se malinterpreta del alcance de un diseñador, y merece una frase aquí.

Dale a la gente una cifra de referencia. Un precio orientativo para cada disciplina filtra más que cualquier otra cosa de la página web, y puedes escribirlo con honestidad: identidad desde una cifra, ilustración con precio según el uso y la licencia, contratos mensuales vendidos como un número de días al mes con un preaviso para terminar. Si el trabajo es realmente a medida, di qué necesitas saber antes de presupuestar, que suele ser los entregables, la fecha límite, quién da el visto bueno y si hay una marca existente con la que trabajar.

Los bloques de Servicios y Precios de Yola, listos para usar, presentan esto con una disciplina, una descripción breve y una cifra juntas, y tú mismo editas el número el día que cambia tu tarifa. Si una disciplina te trae la mayor parte del trabajo, dale una página propia en lugar de una línea en una cuadrícula, porque "diseño de packaging" e "identidad de marca" se buscan por separado.

Este paso decide qué consultas recibes, así que dedícale una tarde en serio. Un caso de estudio es más que una imagen del resultado final: cuenta cuál era el encargo, qué limitación hizo difícil el trabajo, qué hiciste y qué pasó cuando salió al mercado. Cuatro párrafos breves con el trabajo debajo, ese es todo el formato.

Muestra el trabajo, no el camino hasta él. Los moodboards, las propuestas descartadas y una pared de bocetos les interesan a otros diseñadores y le dicen muy poco a un fundador con un lanzamiento en marzo. Cuando el proceso se gana su lugar, es una sola imagen que explica una decisión, como por qué el logotipo tenía que funcionar bordado a 15 mm.

Fotografía bien el trabajo físico. El packaging y los impresos piden muestras reales de producción, fotografiadas de frente con luz uniforme, con una mano o un objeto conocido en una de las fotos para que se entienda el tamaño. El trabajo en pantalla se ve honesto como una captura a todo el ancho, y un mockup de dispositivo está bien, aunque tres en ángulo esconden el diseño que intentas mostrar. En un rediseño, pon la identidad antigua y la nueva lado a lado como dos fotos en una galería, con una línea debajo que diga qué cambió y por qué.

Di qué hiciste realmente en cada proyecto y da crédito a quienes hicieron el resto. Si dirigiste artísticamente a un ilustrador, dilo. Si el desarrollo fue de otra persona, nómbrala. Nombra los archivos de imagen según el trabajo, harbourline-packaging-estanteria.jpg en lugar de IMG_2093.jpg, y usa la misma descripción en el texto alternativo. El bloque de Galerías de Yola, listo para usar, recoge un proyecto tal cual, y en un plan de pago puedes crear una galería a medida con el bloque de Código personalizado cuando un proyecto necesita un diseño propio.

Yola no tiene un sistema de reservas propio, y para el trabajo de diseño eso encaja de todos modos. Nadie mete un proyecto en tu agenda sin una conversación previa. Lo que hace el formulario es que el primer mensaje sea útil.

Tres campos hacen el filtro: qué es el proyecto, más o menos para cuándo tiene que estar listo y más o menos qué presupuesto tiene. Pide el presupuesto como una serie de rangos y no como una casilla abierta, porque un fundador elegirá un rango sin problema pero no escribirá una cifra. Añade un nombre, un correo y una casilla para el encargo, y para ahí. Un formulario con once preguntas lo abandona justo el cliente que querías.

Tú eliges exactamente qué campos aparecen, porque el formulario de contacto de Yola es personalizable y no viene cerrado, y el artículo de ayuda sobre el bloque de Formularios te explica cómo configurarlo. Un envío es una consulta y no un encargo, así que redacta el formulario y la confirmación automática que envía Yola en ese sentido: lees el encargo y luego respondes con un alcance y una cifra. Y responde de verdad al siguiente día hábil, porque un fundador que necesita a alguien de diseño el mes que viene está hablando con dos como tú.

No hay una licencia para ejercer el diseño, así que nada de esta página es un certificado. Lo que sí puedes mostrar es una trayectoria: cuánto tiempo llevas trabajando, para quién has trabajado, dónde se ha reconocido tu trabajo y cómo llevas un proyecto una vez que empieza.

Redacta cada punto como una oferta y no como una norma, y publica solo lo que de verdad tienes. Si un cliente está bajo un acuerdo de confidencialidad (NDA), indica el sector y el tamaño de la empresa en lugar de la marca. Si perteneces a una asociación profesional, nómbrala y mantén la afiliación al día. Pon las dos señales más fuertes en la página de inicio junto al trabajo, no en una página "Sobre mí" a la que nadie llega.

Buena parte de lo que te mantiene visible pasa lejos del trabajo con clientes. Una charla en una conferencia, un taller, revisiones de portafolios en un encuentro local, una jornada de puertas abiertas en el estudio, un puesto en un mercado de diseño. Una sola página lo recoge todo, y también es el lugar adecuado para decir cuándo vuelves a estar libre para un proyecto.

Cada entrada necesita la fecha, la ciudad o el enlace, qué es, cuánto cuesta si tiene costo y cómo apartar un lugar, con un enlace a tu formulario de consulta. Yola no tiene un bloque de eventos ni de calendario, así que esta es una página normal que editas a mano. Te lleva un par de minutos, y vale la pena hacerlo la misma tarde en que se confirma una fecha.

Deja las fechas pasadas en la página, debajo de las próximas, porque una lista de charlas que de verdad has dado es una credencial en sí misma. Pon tu disponibilidad actual arriba y cámbiala el día que cambie, porque un "disponible a partir de septiembre" desactualizado hace más daño que no poner nada.

En diseño te encuentran por las dos vías. Algunos clientes quieren a alguien con quien sentarse en persona, y muchos otros no se fijan en qué ciudad estás, y las dos búsquedas valen la pena. La función de página web optimizada para SEO de Yola cubre la parte técnica de tus páginas, y el resto depende de tus propios textos y de un perfil que mantienes en Google.

Las búsquedas por especialidad importan tanto como las de ciudad. "Diseñador de marca para [sector]" lo escribe un fundador que ya tiene claro qué necesita, y una página escrita para ese sector gana a una página de inicio que dice que trabajas con todo el mundo. Tu propio nombre es lo que más importa, porque te recomiendan por tu nombre y quien busca no tiene nada más para guiarse.

Antes de enviarle el enlace a nadie, recorre la página web en un teléfono como lo haría un cliente. Envíate una consulta y comprueba que llega la confirmación automática y que dice lo que quieres. Toca tu dirección de correo. Abre cada caso de estudio y fíjate cuánto tardan las imágenes, porque un portafolio que se atasca con el wifi de un hotel es un portafolio que nadie ve hasta el final.

Exporta las imágenes a un tamaño razonable antes de subirlas. Una imagen principal a resolución completa tal como sale de la cámara es el problema de velocidad más común en una página web de diseño, y esa solución depende de ti, no del creador de páginas web. Las páginas web de Yola están optimizadas para móviles y son responsivas, así que el diseño se adapta solo al teléfono, la tableta y el portátil, y todas incluyen un certificado SSL y copias de seguridad automáticas.

Después del lanzamiento, el mantenimiento es poco y concreto. Añade el último proyecto mientras aún recuerdas cuál era el encargo, cambia la línea de disponibilidad cuando cambie tu agenda, retira una disciplina que ya no ofreces y añade un cliente a la lista la semana en que por fin puedes nombrarlo. Marca dos fechas al año para hacerlo todo de una vez. Una página web que se mantiene al día conserva mejor su posicionamiento que una abandonada, y te ahorra rehacerla entera cada tres años.

Errores comunes en las páginas web de diseño

En las páginas web de diseño se repiten los mismos pocos problemas, y cada uno te hace perder un proyecto o te trae uno que nunca quisiste.

¿Cuánto cuesta una página web de diseño?

Crearla tú mismo en Yola no cuesta nada al principio: primero el plan gratuito, luego $9.95/mes cuando quieres tu propio dominio, más páginas y las herramientas de IA completas. Los planes anuales incluyen un dominio gratis durante el primer año, y el alojamiento, el SSL y las copias de seguridad vienen con la página web, no como facturas aparte.

Pagar a alguien para que la cree cuesta más, normalmente entre unos cientos y un par de miles de dólares para una página web de este tamaño, y más si quieres un front end a medida con animaciones personalizadas. Diseñarla tú y pagar a un desarrollador solo por la construcción es el camino que siguen muchos diseñadores, aunque eso hace que cada cambio futuro dependa de la agenda de otra persona.

Tu propio tiempo es el gasto real de este presupuesto. Escribir bien cuatro casos de estudio lleva más tiempo que crear las páginas, y es la parte que nadie puede hacer por ti. Lo que ganas creándola tú mismo es lo que pasa después del lanzamiento: añadir un proyecto, cambiar una tarifa o actualizar tu disponibilidad es un cambio que haces en el navegador, ese mismo día, sin depender de nadie.