El Proceso Completo de Diseño Web (Desde la Generación de Clientes hasta el Lanzamiento del Sitio)

¡No estoy bromeando cuando digo que, de todas las preguntas que recibo sobre cómo llevar un negocio de diseño web, alrededor del 70% giran en torno al "proceso de diseño web".

En otras palabras, la gente está buscando un plan paso a paso a seguir con cada uno de sus clientes de diseño web. Desde capturar el cliente potencial hasta publicar el sitio.

Debatí mucho sobre si era una buena idea proporcionar esto.

Por un lado, siento que la gente debería desarrollar su propio proceso de diseño web que tenga más sentido para ellos y sus clientes. Si bien no hay nada de malo en dejarse inspirar por el trabajo de otros e incluso copiar ciertos aspectos del mismo, simplemente copiar y pegar cada elemento del negocio de otra persona te perjudicará a ti y a tus clientes con un gran perjuicio.

Pero, por otro lado, esta es una pregunta que frecuentemente aparece en mis comentarios, correos electrónicos y en Launchers.

¡La gente lo demanda!

Y nunca he sido de los que decepcionan a la gente.

Te voy a dar el proceso de diseño web que personalmente sigo con cada uno de mis clientes. No es de ninguna manera el proceso definitivo para todos los diseñadores web, y estoy seguro de que hay muchos que no estarán de acuerdo conmigo.

Pero a mí me funciona. Y me ayudó a escalar RapidWebLaunch en una exitosa agencia de diseño web.
¡Empecemos!

1) Generación de leads

¿Cuál es el mayor y más frustrante desafío para los aspirantes a diseñadores web en todas partes?

Ya sabes cuál es.

Dilo conmigo:

Conseguir. Clientes.

Cuando se trata de conseguir clientes de diseño web, hay dos categorías:

Entrante

Los leads entrantes simplemente llegan a ti sin que tengas que perseguirlos agresivamente.

“¿QUÉ?? ¿Qué es esta brujería?? ¡Quiero que los leads vengan a mí mágicamente también!” – Tú, probablemente

No tan rápido, vaquero. Nunca dije que no requiriera trabajo. El trabajo simplemente está distribuido de manera diferente.

Los leads de diseño web entrantes generalmente provienen de uno de estos lugares:

• Referencias

• Google

• YouTube

• Redes sociales

Referencias

A medida que satisfaces a un cliente tras otro, empezarás a ver un "efecto bola de nieve".

Los clientes felices le cuentan a otras personas sobre tus servicios, quienes luego se comunican contigo para que hagas trabajo para ellos.

Las referencias son cruciales para construir un negocio de diseño web exitoso. Siempre asegúrate de que tus clientes estén impresionados por lo genial que eres.

FAQ: ¿Debería configurar un programa de afiliados para mi negocio de diseño web? No, no te molestes. Si bien los programas de afiliados pueden ser una forma muy efectiva de hacer que la gente venda tus productos en tu nombre, no funciona bien en la industria del diseño web. Es demasiado difícil rastrear efectivamente de dónde provienen tus leads y quién debería recibir la comisión.

Google

Como diseñador web, Google es tu #1 amig-

¿Sabes qué? Lo siento. Pero es demasiado cliché. Google no es tu #1 amigo. Google es tu cita caliente.

Lleva a Google a la trendy bodega justo fuera de la ciudad, comparte una buena botella de merlot y unas tapas mientras eres serenado por el local que intenta emular a Ed Sheeran. Habla sobre la familia y crianza de Google y sé interrumpido continuamente mientras intentas hablar de la tuya. (ya que Google ya sabe todo sobre ti) Termina la noche con una cena a la luz de las velas y una película romántica en el autocine local. Y no escatimes en las flores y el chocolate tampoco.

¿Raro? Sí. ¿Exacto? Absolutamente.

La clave para obtener leads entrantes de alta calidad y calificados radica en Google. Las personas que están buscando servicios de diseño web ya están interesadas en comprar. Solo están buscando al diseñador adecuado para ellas.

¿Cómo haces que tus servicios de diseño web se posicionen en la parte superior de Google cuando ya hay tanta competencia?

Contenido, amigos míos. Se trata de bloguear.

Publicar consistentemente publicaciones de blog de alta calidad es exactamente cómo construí RapidWebLaunch desde cero. Si no me hubiera metido profundamente en el blogueo, no estaría donde estoy hoy.

No te equivoques. Esto requiere mucho trabajo. Y definitivamente es un juego a largo plazo. No hay atajos aquí.

Pero cuando finalmente logres que tu sitio comience a posicionarse en la primera página de Google, los leads comenzarán a llegar.

Sin embargo, bloguear no fue la única pieza importante de mi estrategia de marketing de contenido...

YouTube

También hice videos de YouTube.

De hecho, terminé creando una estrategia de marketing de contenido que implica hacer un video para cada entrada de blog que escribo.

Todos mis videos de YouTube contienen un llamado a la acción que canaliza a las personas a mi sitio. El tipo de CTA que uso depende del tema del video.

YouTube es el segundo motor de búsqueda más grande del mundo. Y es propiedad del motor de búsqueda más grande del mundo.

Si aún no estás utilizando YouTube para comercializar tu negocio de diseño web, te estás quedando rápidamente atrás. Ya es difícil captar la atención de la gente allí. Imagina cómo será dentro de 5 años.

Redes sociales

Yo odio las redes sociales. Realmente lo hago. Creo que perjudica nuestras vidas más de lo que las enriquece.

Dependiendo de cómo uses las redes sociales, podrías argumentar que en realidad es una herramienta utilizada para leads salientes, en lugar de entrantes. Y como prefiero construir leads entrantes en lugar de salientes, eso me da aún más razones para no usarlo como herramienta de ventas.

Pero reconozco que puede ser una herramienta útil para producir y compartir contenido que impulse tráfico a tu sitio y genere leads.

He encontrado que Twitter es la plataforma de redes sociales más efectiva para esto. Es, con mucho, la más personalizable y abierta de todas las plataformas.

Hoy en día, solo uso Linkedin y Pinterest. (a menos que cuentes YouTube, por supuesto)

Saliente

Generar leads salientes requiere un tipo especial de persona. Es un trabajo duro.

Específicamente, necesitas tener una casi obsesión con todas las cosas relacionadas con las ventas.

Los leads salientes pueden venir de:

• Llamadas en frío

• Correos electrónicos en frío

• DM en frío

• Encuentros y conferencias en frío

¿Soy solo yo o se siente un poco frío aquí?

“En frío” simplemente se refiere al hecho de que tu lead no ha tenido ninguna interacción contigo o tu marca. Como tal, necesitarán un poco de “calentamiento”.

La mayor parte de esto proviene de un trabajo arduo. Como, una hoja de cálculo de miles de negocios y haciendo seguimiento de todas tus llamadas telefónicas y correos electrónicos y mensajes tipo de esfuerzo.

Luego, tienes que hacer seguimiento con ellos durante semanas, meses y a veces incluso años.

Calentar un lead frío es tan salesy como puedes llegar a ser. Si no te gusta la venta, te sugeriría que aprendas a amarla o que inviertas mucho en las estrategias de marketing entrante que mencionamos anteriormente.

No importa qué, tendrás que involucrarte en ventas de alguna forma. Pero es mucho más fácil cuando ya has calentado al lead con una entrada de blog o un video de YouTube.

2) Véndete a ti mismo

¡Oh Dios mío! ¡Un nuevo lead acaba de llegar a tu sitio web!

¿Y ahora qué?

Ahora es tiempo de ponerte el sombrero de vendedor, amigo.

Y créelo o no, no estás vendiendo servicios de diseño web. Estás vendiéndote a ti mismo. Los servicios de diseño web vienen en segundo lugar.

Y eso es porque hay montones de diseñadores web para elegir allá afuera. Pero solo hay uno tú.
Es el momento de contar tu historia.

La gente compra de personas. Tener fantásticas habilidades de diseño web es genial, pero si no tienes cualidades diferenciadoras, ¿por qué deberían elegirte?

Hace unos años, dos investigadores crearon SignificantObjects.com para probar el valor de contar historias.

Compraron objetos aleatorios e insignificantes por $1.50 cada uno, agregaron algunas historias atractivas a ellos y luego los vendieron en eBay.

En total, gastaron $128.74 en esta inversión. ¿Sabes cuánto vendieron estos artículos?
$3,612.51

ESO es el poder de contar historias. Y por qué necesitas volverte realmente bueno en ello.

No tengas miedo de ser un poco diferente. Incluso si a veces significa un nivel incómodo de transparencia.

3) Firma con el cliente

Después de haber sido todo vendedor y narrador con tu lead, ellos han decidido que les gustas, tú has decidido que son una buena opción para ti, y ambos están listos para avanzar. ¡Increíble!

Ahora necesitas decidir si vas a hacer que tu cliente firme un contrato.

Si eliges no tener un contrato escrito firmado por ambas partes, al menos deberías definir claramente los términos y el alcance del acuerdo por correo electrónico. Así tendrás un entendimiento escrito de los compromisos de ambas partes.

FAQ: ¿Debería hacer que mi cliente de diseño web firme un contrato? Esto depende totalmente de ti. Personalmente, no me molesto con contratos. A todos les desagrada el lenguaje legal y sé que a mis leads también. Y nunca quiero que mis clientes sientan que están atrapados de alguna manera. Las relaciones se construyen sobre la confianza. Sin eso, no tienes nada. Los contratos empiezan la relación diciendo "no confío en ti".

4) Recibir pago

¡Es tiempo de efectivo!

Antes de hacer cualquier trabajo, necesitas recibir un depósito. La mayoría de los diseñadores web, incluido yo, hacen un 50/50 del total de la factura. 50% de depósito por adelantado, luego el 50% restante cuando el sitio esté listo para lanzarse.

Requiero que todos mis clientes paguen con tarjeta de crédito. Sin transferencia bancaria, sin correos, sin débito. Solo tarjetas de crédito.

Las tarjetas de crédito son comúnmente utilizadas por todos en América del Norte y ofrecen protección tanto para mí como para el cliente. Esto es especialmente útil si aún están nerviosos por trabajar con alguien que nunca han conocido.

Aquí hay un par de herramientas que uso para la facturación y el seguimiento de gastos:

FreshBooks

FreshBooks ha estado conmigo desde el principio. Ha sido mi plataforma favorita de facturación durante años.
Es perfecta para aquellos que tienen menos de 50 clientes. Pero después de eso, simplemente se vuelve demasiado caro. Una vez superé los 50+ clientes hace un par de años, me aumentaron el precio a $70/mes. Eso es simplemente demasiado para la facturación y el seguimiento de gastos.

Fue entonces cuando cambié a mi nueva plataforma favorita de facturación...

Invoice Ninja

Invoice Ninja está cargado de toneladas de características. Tiene todo lo que FreshBooks tiene y más. Y, a solo $90/año, es extremadamente asequible.

No es tan pulido y fácil de usar como FreshBooks, por lo que llevará algo de tiempo acostumbrarse. Pero si tu negocio de diseño web está creciendo rápidamente, es una mejor opción.

También tienen una versión completamente gratuita. Así que puedes probarla antes de invertir en la versión Pro.

5) Recibir contenido del cliente

Una vez que recibas el depósito del cliente, haz que te envíen cualquier y todo el contenido relacionado con el sitio web.

Esto incluye:

• Logotipo

• Guía de marca

• Imágenes

• Texto

• Videos

• Enlaces de redes sociales

Para facilitar la transferencia de contenido, me gusta utilizar una de dos cosas:

Correo electrónico

Si no tienen mucho contenido, mantenlo simple y pídele que te lo envíen por correo electrónico.

Dropbox

Si tienen muchas imágenes y videos, enviarlos por correo electrónico no será ideal. Haz que creen una carpeta de DropBox y te envíen acceso mediante un enlace.

6) Configurar el sitio

Así que aquí es donde las cosas pueden complicarse. Cómo configuras el sitio web de tu cliente realmente depende de la relación entre tú y tu cliente.

Usuarios que no usan WordPress

Si estás utilizando un constructor de sitios como Weebly, Squarespace o Shopify, entonces esto será muy sencillo. La mayoría de estos constructores de sitios tienen su propia versión especial para diseñadores de su plataforma. Simplemente sigue sus instrucciones.

Usuarios de WordPress

Si eres como la gran mayoría de los diseñadores web, y estás utilizando WordPress para construir los sitios web de tus clientes, entonces tienes una variedad de opciones.

Alojando el sitio del cliente

Si eres inteligente y estás proporcionando servicios de alojamiento a todos tus clientes, tendrás tus propios servidores arrendados con una empresa como BigScoots, Cloudways o Liquid Web. (o al menos algo de espacio de un servidor compartido)

Luego, es tan simple como crear una nueva instalación de WordPress en tu servidor para cada nuevo cliente. (Los pasos para esto dependerán del anfitrión que uses, y debes comunicarte con ellos para obtener más información)

Este es donde el sitio en vivo será alojado en tu dirección IP hasta que esté listo para lanzarse y apuntar un dominio.

Se verá algo así: http://22.26.182.14/

No alojando el sitio del cliente

Si tu cliente prefiere no alojar su sitio web contigo y usará su propia solución de alojamiento, solo necesitas pedirle a tu cliente los inicios de sesión de su registrador de dominio y empresa de alojamiento.

7) Hacer el primer borrador de la página de inicio

¡Tienes todo el contenido que necesitas, has configurado el nuevo sitio con el constructor que elegiste, ahora finalmente es hora de comenzar a construir sitios web!

Me gusta hacer un borrador completo de la página de inicio primero. Esto le da al cliente una idea clara de la apariencia y sensación que busco.

¡Ten en cuenta todo lo que has aprendido sobre diseño web y ¡manos a la obra!

8) Obtener retroalimentación, hacer cambios

Una vez que la página de inicio está terminada, envía el enlace a tu cliente y pide su retroalimentación.

Si no les entusiasma, pídeles especificaciones sobre lo que no les gusta. Trata de indagar más si te dan muchas respuestas subjetivas como:

• "No es tan minimalista como me gustaría."

• "Quiero que sea más profesional."

• "¿Puedes agregar más estilo?"

Una buena comunicación es clave aquí. Tus clientes a menudo tendrán una idea de cómo quieren que se vea su sitio, pero les resulta difícil expresarlo con palabras.

O incluso peor, no tendrán ninguna idea de lo que quieren, pero tendrán muchos sentimientos sobre lo que les gusta y lo que no.

Ten paciencia. Y lentamente extrae estas ideas como agua de un pozo.

Si aman el primer borrador y no tienen mucho comentario negativo, puedes continuar construyendo el resto del sitio en el mismo estilo.

9) Continuar construyendo el resto del sitio

Una vez que tengas una comprensión clara de cómo el cliente quiere que se vea el sitio y han llegado al punto donde aman la apariencia de la página de inicio, puedes continuar construyendo el resto de las páginas.

Mientras trabajas, siempre enfócate en estos dos objetivos principales:

1) Experiencia del usuario

La experiencia del usuario es, con mucho, el aspecto más importante de un gran diseño web. Siempre prioriza la UX sobre cualquier otra cosa.

2) Responsividad

El segundo aspecto crucial de un gran diseño web es la responsividad. En otras palabras, asegurarte de que la experiencia del usuario sea increíble en cualquier dispositivo. Especialmente en móviles.

10) Obtener más retroalimentación, hacer más cambios

A medida que completes cada página, sigue el mismo proceso de los pasos #7 y #8. Continúa haciendo esto hasta que todas las páginas del sitio web estén completamente diseñadas.

Porque una vez que el diseño esté terminado, es hora de hacer un poco del trabajo complicado en la parte posterior...

11) Trabajar en la parte de atrás

Un gran diseño web implica mucho más que solo diseños bonitos, gráficos, transiciones y animaciones.

Este trabajo frontend es la parte divertida.

Pero el trabajo en la parte de atrás es igualmente importante. Piensa en esto como el esqueleto de un hermoso sitio web.

Aquí hay algunas cosas importantes a considerar al trabajar en la parte de atrás del sitio web de tu cliente:

Optimización de palabras clave

Puedes tener el sitio más hermoso de la web, pero, si nadie lo ve, ¿cuál es el sentido?

Realizar una investigación adecuada de palabras clave e integrarlas en cada página del sitio web es el primer paso del SEO. Cosas como encabezados, etiquetas meta y descripciones, y etiquetas alt de imágenes deben estar optimizadas para tus palabras clave objetivo.

Pero ten en cuenta que nunca debes simplemente rellenar tu palabra clave objetivo en tu página tanto como puedas. Google es demasiado inteligente para eso.

El aspecto, la sensación y el flujo de tu mensaje deben ser naturales. Siempre míralo desde una perspectiva humana.

¿Te gustaría leerlo?

Estructura del sitio y enlaces internos

Tener una estructura del sitio clara facilita que Google rastree tu sitio y obtenga una mejor idea de qué se trata. Y enlazar de una página a otra es un aspecto importante de eso.

Una buena estructura del sitio podría verse algo así:

• Inicio

• Servicios

  • Producción de Podcast

  • Edición de Podcast

  • Consultoría de Podcast

• Blog

  • Categorías

    • Entrevistar a Invitados

    • Calidad de Audio

    • Edición

    • Producción

    • Marketing y Alcance

• Contacto

Puedes obtener una imagen clara de lo que este sitio ofrece solo con la estructura de navegación.

Luego, enlazar internamente de una página a otra puede ayudar a canalizar a tus leads por el camino que deseas que sigan.

Por ejemplo, podrías enlazar una entrada de blog sobre los 8 Consejos Más Importantes para Editar un Podcast a un llamado a la acción que lleve a tu lector a la página de servicios de Edición de Podcast.

Rendimiento

El rendimiento y la velocidad del sitio son cada vez más importantes y competitivos...

Tanto Google como Facebook han demostrado esto construyendo su propia versión de una plataforma súper rápida que permite cargar sitios web en solo unos pocos segundos. (AMP e Instant Article, respectivamente)

Asegurarte de que tu sitio web pueda cargar rápidamente y no se retrasen con características exageradas, puede marcar la diferencia entre que alguien se convierta en cliente o que vaya a tu competidor en su lugar.

12) Recibir pago nuevamente

¡Lo has logrado! El sitio está completo y listo para lanzarse.

Pero espera un segundo, deportista. Necesitas recibir ese otro 50% primero, ¿recuerdas?

Reenvía la factura y haz que tu cliente pague el 50% restante. Nuevamente, idealmente con una tarjeta de crédito.

13) Publicar el sitio

¡Finalmente, es hora de lanzar el sitio web de tu cliente!

Nuevamente, cómo procedas depende de las necesidades únicas de tu cliente.

Registrar un dominio

Si aún no poseen un dominio, necesitarás que lo compren o hacerlo en su nombre.

Recomiendo a mis clientes que usen Namecheap. Son de los más económicos que hay, y su servicio al cliente es mejor que compañías como GoDaddy o Bluehost.

Si compran el dominio ellos mismos, necesitarán enviarte acceso a su cuenta para que puedas modificar sus configuraciones de DNS.

Apuntar el dominio

Ahora que tienes el dominio registrado, necesitarás apuntar el dominio al servidor donde el sitio está alojado.

Esto implica cambiar la configuración de DNS.

DNS significa Sistema de Nombres de Dominio. DNS es cómo los nombres de dominio se apuntan a direcciones IP. (¿recuerdas esto? http://22.26.182.14/)

DNS también controla la entrega de correo electrónico y es lo que te permite usar tu navegador web para encontrar sitios web así como enviar y recibir correo electrónico.

Descubre en qué dirección IP se encuentra tu servidor, luego apunta el DNS de tu cliente a esa IP.
¿Claro como el barro?

14) Pruebas y Aseguramiento de Calidad

Oh, lo siento. ¿Pensaste que habías terminado?

Una vez que un sitio se lanza, estás garantizado a encontrar al menos un puñado de fallos o errores.

No puedes planear todo con anticipación.

Cosas como...

Enlaces rotos

Un enlace roto es un enlace que no conduce a ningún lado. Simplemente te lleva a una página 404 vacía. Un código 404 le dice a Google que esa página no existe y que no incluya ese enlace en sus resultados de búsqueda.

Asegúrate de que todos los enlaces en el sitio de tu cliente funcionen realmente.

Opt-ins y formularios

¿Alguna vez has enviado tu información en el formulario de contacto de un sitio web y no pasa nada?

Hay varias razones por las cuales los formularios de contacto pueden fallar. Prueba cada uno para asegurarte de que realmente hacen lo que se supone que deben hacer. Usualmente, esto es tan simple como enviar la información a tu cliente.

Rendimiento

Prueba el sitio web en herramientas de rendimiento como GTMetrix para confirmar que están funcionando a una velocidad increíblemente rápida. Si arroja errores o sugerencias sobre cómo mejorar, implementa esas sugerencias.