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 administrar 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 que seguir con cada uno de sus clientes de diseño web. Desde captar el cliente potencial hasta publicar el sitio.

He debatido entre 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 ciertamente no hay nada de malo en inspirarse en el trabajo de otros, e incluso copiar ciertos aspectos de él, simplemente copiar y pegar cada elemento único del negocio de otra persona te hará a ti y a tus clientes un gran daño.

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

¡La gente lo demanda!

Y nunca he sido de dejar a la gente decepcionada.

Te voy a dar el proceso de diseño web que yo sigo personalmente con cada uno de mis clientes. No es de ninguna manera el definitivo para todos los diseñadores web, y estoy seguro de que hay muchos que estarían en desacuerdo 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 clientes potenciales

¿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:

Entrantes

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

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

No tan rápido, vaquero. Nunca dije que no requiriera trabajo. El trabajo está simplemente 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, comenzarás a ver un “efecto bola de nieve”.

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

Las referencias son cruciales para construir un negocio de diseño web exitoso. Asegúrate siempre 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 lo hagas. Si bien los programas de afiliados pueden ser una forma muy efectiva de hacer que las personas vendan tus productos en tu nombre, no funcionan bien en la industria del diseño web. Es demasiado difícil rastrear efectivamente de dónde provienen tus leads y quién debe recibir la comisión.

Google

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

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

Lleva a Google a la trendy bodega justo afuera de la ciudad, comparte una buena botella de merlot y algunos tapas mientras eres serenado por el Ed Sheeran local. 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 viendo una comedia romántica en el autocinema local. Y no escatimes en las flores y el chocolate tampoco.

¿Espeluznante? 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 están ya interesadas en comprar. Solo están buscando el diseñador adecuado para ellos.

¿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. Se trata de bloggear.

Publicar entradas de blog consistentes y de alta calidad es exactamente cómo construí RapidWebLaunch desde cero. Si no me hubiera metido de lleno en el blogging, no estaría donde estoy hoy.

No te engañes. 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 empezarán a llegar.

Sin embargo, el blogging 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 involucra hacer un video para cada entrada de blog que escribo.

Todos mis videos de YouTube contienen una llamada 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 usando YouTube para comercializar tu negocio de diseño web, te estás quedando atrás rápidamente. Ya es difícil captar la atención de las personas allí. Imagina cómo se verá dentro de 5 años.

Redes sociales

Yo odio las redes sociales. De verdad lo hago. Creo que daña 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 dado que prefiero construir clientes potenciales entrantes en lugar de salientes, me da aún más razones para no usarlo como una herramienta de ventas.

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

He encontrado que Twitter es la plataforma de redes sociales más efectiva para esto. Es de lejos 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)

Salientes

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

Específicamente, necesitas tener una casi obsesión con todo lo relacionado con las ventas.

Los leads salientes pueden provenir de:

• Llamadas en frío

• Correos electrónicos en frío

• Mensajes directos en frío

• Reuniones y conferencias en frío

¿Soy solo yo o está un poco fresco aquí?

“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 algo de calidez.

La mayoría de esto proviene directamente del trabajo duro. Como, el tipo de mantener una hoja de cálculo de miles de negocios y rastrear todas tus llamadas telefónicas, correos electrónicos y mensajes tipo de trabajo.

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

Calentar un lead frío es tan comercial como puedes llegar a estar. Si no te gustan las ventas, te sugeriría que aprendas a amarlas o inviertas 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 el lead con una entrada de blog o un video de YouTube.

2) Véndete a ti mismo

¡Oh por Dios! ¡Un nuevo lead acaba de ingresar desde tu sitio web!

¿Y ahora qué?

Ahora es hora de ponerte esa gorra de ventas, amigo.

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

Y eso es porque hay montones de diseñadores web de los que elegir. Pero solo hay un tú.
Es hora de contar tu historia.

La gente compra a las personas. Tener fantásticas habilidades de diseño web es genial y todo, 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 convincentes 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

ESA es la potencia del relato. Y por qué necesitas ser realmente bueno en ello.

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

3) Firma con el cliente

Después de ponerte en modo de ventas y contar historias con tu lead, decidieron que les gustas, tú decidiste que son una buena opción para ti, y ambos están listos para seguir adelante. ¡Increíble!

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

Si eliges no hacer que un contrato escrito sea 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 una comprensión escrita de los compromisos de ambas partes.

FAQ: ¿Debería hacer que mi cliente de diseño web firme un contrato? Esto depende completamente de ti. Personalmente, no me preocupo por los contratos. A todos les gusta un lío legal y sé que a mis leads también. Y nunca quiero que mis clientes se sientan atrapados de alguna manera. Las relaciones se construyen sobre la confianza. Sin eso, no tienes nada. Los contratos inician la relación diciendo “no confío en ti”.

4) Recibe el pago

¡Hora de efectivo!

Antes de hacer cualquier trabajo, necesitas recibir un depósito. La mayoría de los diseñadores web, incluyendo a mí, hacen un 50/50 del invoice. 50% de depósito por adelantado, luego el 50% restante cuando el sitio está listo para lanzarse.

Requiero que todos mis clientes paguen mediante tarjeta de crédito. Sin transferencias, sin correos electrónicos, 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 todavía están nerviosos por trabajar con alguien que nunca han conocido.

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

FreshBooks

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

Ahí fue cuando cambié a mi nueva plataforma de facturación favorita...

Invoice Ninja

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

No es tan pulido y fácil de usar como FreshBooks, así que tomará un tiempo adaptarse. 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 probarlo antes de invertir en la versión Pro.

5) Recibe 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:

• Logo

• Guía de marca

• Imágenes

• Texto

• Videos

• Enlaces de redes sociales

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

Correo electrónico

Si no tienen un montón de contenido, manténlo simple y haz que te lo envíen por correo electrónico.

Dropbox

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

6) Configura el sitio

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

Usuarios que no utilizan WordPress

Si usas un constructor de sitios como Weebly, Squarespace o Shopify, entonces esto será muy sencillo. La mayoría de estos creadores 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 algún espacio de un servidor compartido)

Luego, es tan sencillo como crear una nueva instalación de WordPress en tu servidor para cada nuevo cliente. (los pasos para esto dependerán del host que uses, y deberías ponerte en contacto con ellos para averiguar más)

Aquí es donde el sitio en vivo será alojado en tu dirección IP hasta que esté listo para lanzarse y apuntar a 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 utilizará su propia solución de alojamiento, entonces solo necesitas pedirle a tu cliente las credenciales de su registrador de dominio y empresa de alojamiento.

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

Tienes todo el contenido que necesitas, has configurado el nuevo sitio con el constructor de sitios de tu elección, ¡ahora es finalmente hora de empezar a construir sitios web!

Me gusta hacer un primer 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 ponte a trabajar!

8) Obtén retroalimentación, haz cambios

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

Si no están encantados con ella, pídeles especificaciones sobre lo que no les gusta. Intenta indagar más si están dando muchas respuestas subjetivas como:

• “No es tan minimalista como me gustaría.”

• “Quiero que sea más profesional.”

• “¿Puedes agregar más estilo?”

La buena comunicación es clave aquí. Tus clientes a menudo tendrán una idea de cómo quieren que se vea su sitio, pero encontrarán difícil expresarla en palabras.

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

Sé paciente. Y poco a poco extrae estas ideas como agua de un pozo.

Si aman el primer borrador y no tienen mucha retroalimentación negativa, puedes continuar construyendo el resto del sitio en el mismo estilo.

9) Continúa construyendo el resto del sitio

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

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

1) Experiencia del usuario

La experiencia del usuario es, de lejos, 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, asegurarse de que la experiencia del usuario sea increíble en cualquier dispositivo. Especialmente en móvil.

10) Obtén más retroalimentación, haz más cambios

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

Porque una vez que se haya terminado el diseño, es hora de hacer algo del trabajo duro de backend...

11) Trabaja en el backend

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

Este trabajo en el frontend es la parte divertida.

Pero el trabajo de backend es igualmente importante. Piensa en ello como el esqueleto de un sitio web hermoso.

Aquí hay algunas cosas importantes a considerar al trabajar en el backend del sitio web de tu cliente:

Optimización de palabras clave

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

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

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.

La apariencia, el sentimiento y el flujo de tu mensaje deben ser naturales. Siempre míralo desde una perspectiva humana.

¿Te gustaría tú leerlo?

Estructura del sitio y enlaces internos

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

Una buena estructura de sitio podría verse así:

• Inicio

• Servicios

  • Producción de Podcasts

  • Edición de Podcasts

  • Consultoría de Podcasts

• Blog

  • Categorías

    • Entrevistando Invitados

    • Calidad de Audio

    • Edición

    • Producción

    • Marketing y Difusión

• Contacto

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

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

Por ejemplo, podrías vincular una entrada de blog sobre los 8 Consejos Más Importantes para Editar Podcasts a una llamada a la acción que lleve a tu lector a la página de Servicios de Edición de Podcasts.

Rendimiento

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

Tanto Google como Facebook lo han demostrado al construir su propia versión de una plataforma superrápida que permite a los sitios web cargarse en solo unos pocos segundos. (AMP y Artículo Instantáneo, respectivamente)

Asegurar que tu sitio web pueda cargar rápidamente, y no se retrase con características hinchadas, puede marcar la diferencia entre que alguien se convierta en cliente o se vaya a tu competidor.

12) Recibe el pago nuevamente

¡Lo lograste! 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) Publica el sitio

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

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

Registra un dominio

Si no poseen ya un dominio, necesitarás hacer que compren uno, o hacerlo en su nombre.

Recomiendo a mis clientes el uso de Namecheap. Son de los más baratos que hay, y su servicio al cliente es mejor que el de 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.

Apunta el dominio

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

Esto implica cambiar las configuraciones de DNS.

DNS significa Sistema de Nombres de Dominio. El DNS es cómo los nombres de dominio son apuntados a direcciones IP. (¿recuerdas esta cosa? http://22.26.182.14/)

El DNS también controla la entrega de correos electrónicos, y es lo que permite que uses tu navegador web para encontrar sitios web, así como enviar y recibir correos electrónicos.

Descubre cuál es la dirección IP de tu servidor, y luego apunta el DNS de tu cliente a esa IP.
¿Claro como el barro?

14) Pruebas y Garantía de Calidad

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

Una vez que se lanza un sitio, garantiza que te encontrarás con al menos un puñado de errores o fallas.

No puedes planear todo con antelación.

Cosas como...

Enlaces rotos

Un enlace roto es un enlace que no lleva a ninguna parte. 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 realmente funcionen.

Opt-ins y formularios

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

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

Rendimiento

Prueba el sitio web en rastreadores de rendimiento como GTMetrix para confirmar que están funcionando a gran velocidad. Si aparecen errores o sugerencias sobre cómo mejorar, implementa esos cambios.

No tienes que estar clasificado A+ para todo, pero tus páginas definitivamente no deben tardar más de unos pocos segundos en cargar.

Responsividad

Ese elegante video animado en la sección superior de la página de inicio se ve genial en el escritorio. Pero, ¿lo verificaste en tu iPhone? Resulta que no puedes ni siquiera ver la mitad inferior.

El diseño web responsivo puede ser complicado.

El móvil es ya la forma más común en que la gente accede a internet. Y sigue creciendo cada año.

Y ahora hay una variedad aún mayor de tamaños de teléfono con los que trabajar, haciendo que el diseño responsivo sea aún más desafiante si no se hace bien.

Prueba los dos grandes: Móvil y escritorio. Si eres realmente exigente, puedes también verificar la versión para tabletas.

15) Recibe el pago UNA VEZ MÁS... y otra vez... y otra vez... (si lo estás haciendo bien)

¡Mira quién se está llevando el pago por tercera vez! Creo que estás empezando a entender esto.

Si has hecho este proceso correctamente, deberías estar alojando el sitio web de tu cliente una vez que se publique.

Qué características ofreces y cuánto cobras depende de ti.

¿Por qué dar ese ingreso pasivo mensual a alguna otra compañía de hosting web?

Stripe

Utilizo Stripe para facilitar todas mis suscripciones de hosting.

Una vez que el sitio se publica, y tengo la información de tarjeta de crédito de mi cliente, configuro la suscripción con Stripe. Luego cobrará automáticamente la tarjeta de crédito de mi cliente mensualmente.

Hay varios servicios que ofrecen esta función, pero he encontrado que Stripe es el mejor para mí.

Sin embargo, Stripe no está disponible en todos los países. Así que necesitarás verificar por ti mismo y ver qué alternativas están disponibles si no lo está.

Conclusión

Bueno, este artículo debería servir como una buena pequeña lista de verificación de diseño web para tu proceso de diseño web.

Si bien puede que no sea un ajuste exacto para ti y tu negocio, debería darte una visión general de lo que se necesita para llevar a alguien desde lead a cliente pago.

Este no es el proceso que usé cuando empecé mi negocio de diseño web. Confía en mí, apenas podrías llamarlo un proceso.

Pero a medida que mi negocio creció y mis conocimientos y habilidades mejoraron, mi proceso de diseño web fue afinándose y refinándose gradualmente.

Sigo haciéndolo hasta el día de hoy. #nuncadejesdecrecer

Si he olvidado algo, o todavía tienes algunas preguntas, déjame un comentario a continuación. Actualizaré la publicación con tu pregunta. (y tal vez incluso te mencione un poco)