El Proceso Completo de Diseño Web (Desde la Generación de Leads hasta el Lanzamiento del Sitio)
Planifique un sitio web ganador y convierta leads en el camino. Cada etapa se explica, desde la planificación de la estrategia y el diseño hasta el lanzamiento confiado de su sitio.
No estoy bromeando cuando digo que, de todas las preguntas que recibo sobre cómo dirigir un negocio de diseño web, alrededor del 70% se centran en el “proceso de diseño web”.
En otras palabras, la gente busca un plan paso a paso para seguir con cada uno de sus clientes de diseño web. Desde captar el cliente potencial hasta publicar el sitio.
Debatí mucho si era una buena idea proporcionar esto.
Por un lado, siento que las personas deberían 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 del negocio de otra persona le hará un gran perjuicio a usted y a sus clientes.
Pero, por otro lado, esta es una pregunta que aparece con frecuencia en mis comentarios, correos electrónicos y en Launchers.
¡La gente lo demanda!
Y nunca he sido de los que decepcionan a la gente.
Voy a darle 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 funciona para mí. Y me ayudó a escalar RapidWebLaunch en una agencia de diseño web exitosa.
¡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 sabe lo que es.
Dígalo conmigo:
Conseguir. Clientes.
Cuando se trata de conseguir clientes de diseño web, hay dos categorías:
Inbound
Los clientes potenciales inbound simplemente llegan a usted sin que tenga que perseguirlos agresivamente.
“¿¿QUÉ?? ¿Qué es esta brujería?? ¡Yo también quiero que los clientes potenciales vengan mágicamente a mí!” (Usted, probablemente)
No tan rápido vaquero. Nunca dije que no requiriera trabajo. El trabajo simplemente está distribuido de manera diferente.
Los clientes potenciales inbound de diseño web generalmente provienen de uno de estos lugares:
-
Referencias
-
Google
-
YouTube
-
Redes sociales
Referencias
A medida que satisfaga a un cliente tras otro, comenzará a ver un “efecto bola de nieve”.
Los clientes satisfechos le cuentan a otras personas sobre sus servicios, quienes luego se comunican con usted para que trabaje para ellos.
Las referencias son cruciales para construir un negocio de diseño web exitoso. Siempre asegúrese de que sus clientes estén impresionados por lo grandioso que es.
FAQ: ¿Debería configurar un programa de afiliados para mi negocio de diseño web? No, no se moleste. Aunque los programas de afiliados pueden ser una forma muy efectiva de hacer que las personas vendan sus productos en su nombre, no funciona bien con la industria del diseño web. Es demasiado difícil rastrear efectivamente de dónde provienen sus clientes potenciales y quién debería recibir la comisión.
Como diseñador web, Google es su amigo número 1-
¿Sabe qué? Lo siento. Pero es demasiado cliché. Google no es su amigo número 1. Google es su cita caliente.
Lleve a Google a la bodega de moda justo fuera de la ciudad, comparta una buena botella de merlot y algunas tapas mientras es serenado por el aspirante local a Ed Sheeran. Hable sobre la familia y la crianza de Google y sea interrumpido continuamente mientras intenta hablar sobre la suya. (ya que Google ya sabe todo sobre usted) Termine la noche con una cena a la luz de las velas y una comedia romántica en el autocine local. Y no escatime en las flores y el chocolate tampoco.
¿Espeluznante? Sí. ¿Preciso? Absolutamente.
La clave para obtener clientes potenciales inbound de alta calidad y calificados radica en Google. Las personas que buscan servicios de diseño web ya están interesadas en comprar. Solo están buscando al diseñador adecuado para ellos.
¿Cómo hace que sus servicios de diseño web se clasifiquen en la parte superior de Google cuando ya hay tanta competencia?
Contenido, amigos míos. Todo se trata del blogging.
Publicar consistentemente publicaciones de blog de alta calidad es exactamente cómo construí RapidWebLaunch desde nada. Si no me hubiera metido de lleno en el blogging, no estaría donde estoy hoy.
No se equivoque. Esto requiere mucho trabajo. Y definitivamente es un juego a largo plazo. No hay atajos aquí.
Pero cuando finalmente logre que su sitio comience a clasificarse en la primera página de Google, los clientes potenciales comenzará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 publicación de blog que escribo.
Todos mis videos de YouTube contienen un llamado a la acción que canaliza a las personas hacia 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 número 1 del mundo.
Si aún no está usando YouTube para comercializar su negocio de diseño web, se está quedando rápidamente atrás. Ya es difícil captar la atención de las personas allí. Imagine cómo se verá dentro de 5 años.
Redes sociales
Odio las redes sociales. Realmente lo hago. Creo que dañan nuestras vidas más de lo que las enriquecen.
Dependiendo de cómo use las redes sociales, podría argumentar que en realidad es una herramienta utilizada para clientes potenciales outbound, en lugar de inbound. Y dado que prefiero construir clientes potenciales inbound a outbound, 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 dirija tráfico a su sitio y genere clientes potenciales.
Encontré 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 cuente YouTube, por supuesto)
Outbound
Generar clientes potenciales outbound requiere un tipo especial de persona. Es trabajo duro.
Específicamente, necesita tener una obsesión casi con todas las cosas de ventas.
Los clientes potenciales outbound 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 se puso un poco frío aquí?
“Frío” simplemente se refiere al hecho de que su cliente potencial no ha tenido ninguna interacción con usted o su marca. Como tal, necesitarán un poco de calentamiento.
La mayor parte de esto proviene de un hustle directo. Como, mantener una hoja de cálculo de miles de empresas y rastrear todas sus llamadas telefónicas, correos electrónicos y mensajes tipo hustle.
Luego debe hacer un seguimiento con ellos durante semanas, meses y, a veces, incluso años.
Calentar un cliente potencial frío es lo más de ventas que puede hacer. Si no le gustan las ventas, le sugiero que aprenda a amarlas o invierta mucho en las estrategias de marketing inbound que mencionamos anteriormente.
No importa qué, tendrá que involucrarse en ventas de alguna forma. Pero es mucho más fácil cuando ya ha calentado al cliente potencial con una publicación de blog o un video de YouTube.
2) Véndase a sí mismo

¡Oh por Dios! ¡Un nuevo cliente potencial acaba de llegar desde su sitio web!
¿Y ahora qué?
Ahora es el momento de ponerse ese gorro de ventas, amigo.
Y créalo o no, no está vendiendo servicios de diseño web. Se está vendiendo a sí mismo. Los servicios de diseño web vienen en segundo lugar a eso.
Y eso es porque hay toneladas de diseñadores web para elegir. Pero solo hay un usted.
Es hora de contar su historia.
Las personas compran a personas. Tener habilidades fantásticas de diseño web es genial y todo, pero si no tiene cualidades diferenciadoras, ¿por qué deberían elegirlo a usted?
Hace unos años, dos investigadores crearon SignificantObjects.com para probar el valor de contar historias.
Compraron baratijas aleatorias e insignificantes por $1.50 cada una, les añadieron algunas historias convincentes, y luego las vendieron en eBay.
En total, gastaron $128.74 en esta inversión. ¿Sabe cuánto vendieron estos artículos?
$3,612.51
ESE es el poder de contar historias. Y por qué necesita volverse realmente bueno en ello.
No tenga miedo de ser un poco diferente. Incluso si a veces significa una cantidad incómoda de transparencia.
3) Firme con el cliente

Después de ponerse todo de ventas y contar historias con su cliente potencial, han decidido que les gusta, usted ha decidido que son una buena opción para usted, y ambos están listos para avanzar. ¡Genial!
Ahora necesita decidir si va a hacer que su cliente firme un contrato.
Si elige no tener un contrato escrito firmado por ambas partes, al menos debe definir claramente los términos y el alcance del acuerdo por correo electrónico. Para que tenga un entendimiento por escrito de los compromisos de ambas partes.
FAQ: ¿Debería hacer que mi cliente de diseño web firme un contrato? Esto depende completamente de usted. Personalmente, no me molesto con los contratos. Todos odian el lenguaje legal y sé que mis clientes potenciales 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 tiene nada. Los contratos inician la relación diciendo “No confío en ti.”
4) Reciba el pago

¡Hora de cobrar!
Antes de hacer cualquier trabajo, necesita recibir un depósito. La mayoría de los diseñadores web, incluyéndome a mí, hacen una división 50/50 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. No transferencia bancaria, no correos electrónicos, no 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, simplemente se vuelve demasiado cara. Una vez que superé los 50+ clientes hace un par de años, me aumentaron el precio a $70/mes. Eso es simplemente demasiado para facturación y seguimiento de gastos.
Fue entonces cuando cambié a mi nueva plataforma de facturación favorita…
Invoice Ninja
Invoice Ninja está cargado con 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 tomará un tiempo acostumbrarse. Pero si su negocio de diseño web está creciendo rápidamente, es una mejor opción.
También tienen una versión completamente gratuita. Así que puede probarlo antes de invertir en la versión Pro.
5) Reciba contenido del cliente

Una vez que reciba el depósito del cliente, hágales enviarle cualquier y todo 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:
Si no tienen mucho contenido, manténgalo simple y hágales enviarlo por correo electrónico.
Dropbox
Si tienen muchas imágenes y videos, enviarlos por correo electrónico no será ideal. Hágales crear una carpeta de DropBox y enviarle acceso a través de un enlace.
6) Configure el sitio

Así que aquí es donde las cosas pueden complicarse. Cómo configure el sitio web de su cliente realmente depende de la relación entre usted y su cliente.
Usuarios que no usan WordPress
Si está utilizando un creador de sitios web 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 siga sus instrucciones.
Usuarios de WordPress
Si es como la gran mayoría de los diseñadores web, y está utilizando WordPress para construir los sitios web de sus clientes, entonces tiene una variedad de opciones.
Alojamiento del sitio del cliente
Si es inteligente, y está proporcionando servicios de alojamiento a todos sus clientes, tendrá sus propios servidores arrendados con una empresa como BigScoots, Cloudways o Liquid Web. (o al menos algo de espacio en un servidor compartido)
Luego, es tan simple como crear una nueva instalación de WordPress en su servidor para cada nuevo cliente. (los pasos para esto dependerán del host que use, y debe ponerse en contacto con ellos para obtener más información)
Aquí es donde el sitio en vivo se alojará en su dirección IP hasta que esté listo para lanzarse y apuntar un dominio.
Se verá algo así: http://22.26.182.14/
No alojar el sitio del cliente
Si su cliente prefiere no alojar su sitio web con usted, y usará su propia solución de alojamiento, entonces solo necesita pedirle a su cliente los inicios de sesión de su registrador de dominio y empresa de alojamiento.
7) Haga el primer borrador de la página de inicio

Tiene todo el contenido que necesita, ha configurado el nuevo sitio con su creador de sitios web de elección, 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 del aspecto y la sensación que estoy buscando.
Tenga en cuenta todo lo que ha aprendido sobre diseño web y póngase a trabajar.
8) Obtenga comentarios, haga cambios

Una vez que la página de inicio esté lista, envíe el enlace a su cliente y pida comentarios.
Si no están entusiasmados con ella, pídales específicos sobre lo que no les gusta. Intente profundizar si están dando muchas respuestas subjetivas como:
-
“No es tan minimalista como me gustaría.”
-
“Quiero que sea más profesional.”
-
“¿Puede agregar más estilo?”
Una buena comunicación es clave aquí. Sus clientes a menudo tendrán una idea de cómo quieren que se vea su sitio, pero les resultará difícil expresar eso 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 no les gusta.
Sea paciente. Y lentamente extraiga estas ideas como agua de un pozo.
Si aman el primer borrador y no tienen muchos comentarios negativos, puede continuar construyendo el resto del sitio en el mismo estilo.
9) Continúe construyendo el resto del sitio

Una vez que tenga una comprensión clara de cómo el cliente quiere que se vea el sitio, y hayan llegado al punto en que aman el aspecto de la página de inicio, puede continuar construyendo el resto de las páginas.
Mientras está construyendo, siempre concéntrese 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 priorice 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 excelente en cualquier dispositivo. Especialmente en móviles.
10) Obtenga más comentarios, haga más cambios

A medida que complete cada página, siga el mismo proceso de los pasos #7 y #8. Continúe haciéndolo hasta que todas las páginas del sitio web estén completamente diseñadas.
Porque una vez que el diseño esté listo, es hora de hacer parte del trabajo de backend más complicado…
11) Trabaje en el backend

Un gran diseño web implica mucho más que solo diseños bonitos, gráficos, transiciones y animaciones.
Este trabajo de frontend es la parte divertida.
Pero el trabajo de backend es igualmente importante. Piense en ello como el esqueleto de un hermoso sitio web.
Aquí hay algunas cosas importantes a considerar al trabajar en el backend del sitio web de su cliente:
Optimización de palabras clave
Puede tener el sitio más hermoso en la web mundial, pero si nadie lo ve, ¿cuál es el punto?
Hacer 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, metaetiquetas y descripciones, y etiquetas alt de imágenes deben optimizarse para sus palabras clave objetivo.
Pero tenga en cuenta que nunca debe simplemente llenar su palabra clave objetivo en su página tanto como pueda. Google es demasiado inteligente para eso.
El aspecto, la sensación y el flujo de su mensaje deben ser naturales. Siempre mírelo desde una perspectiva humana.
¿Lo querría leer?
Estructura del sitio y enlaces internos
Tener una estructura de sitio clara facilita que Google rastree su sitio y tenga una mejor idea de qué se trata. Y enlazar de una página a otra es un aspecto importante de eso.
Una buena estructura de sitio podría verse algo así:
-
Inicio
-
Servicios
-
Producción de Podcast
-
Edición de Podcast
-
Consultoría de Podcast
-
-
Blog
-
Categorías
-
Entrevistando a Invitados
-
Calidad de Audio
-
Edición
-
Producción
-
Marketing y Alcance
-
-
-
Contacto
Puede obtener una imagen clara de lo que ofrece este sitio solo con la estructura de navegación.
Luego, enlazar internamente de una página a otra puede ayudar a canalizar a sus clientes potenciales por el camino que desea que tomen.
Por ejemplo, podría enlazar una publicación de blog sobre los 8 Consejos Más Importantes para la Edición de Podcast a un llamado a la acción que lleve a su lector a su página de servicios de Edición de Podcast.
Rendimiento
El rendimiento y la velocidad del sitio se están volviendo cada vez más importantes y competitivos…
Tanto Google como Facebook han demostrado esto al construir su propia versión de una plataforma súper rápida que permite que los sitios web se carguen en solo un par de segundos. (AMP y Artículo Instantáneo, respectivamente)
Asegurarse de que su sitio web pueda cargarse rápidamente, y no se retrase con características infladas, puede marcar la diferencia entre que alguien se convierta en cliente o vaya a su competidor en su lugar.
12) Reciba el pago nuevamente

¡Lo ha logrado! El sitio está completo y listo para lanzarse.
Pero espere un segundo, deportista. Recuerde que necesita que le paguen ese otro 50% primero, ¿recuerda?
Reenvíe la factura y haga que su cliente pague el 50% restante. Nuevamente, idealmente con una tarjeta de crédito.
13) Publique el sitio

Finalmente, es hora de lanzar el sitio web de su cliente.
Nuevamente, cómo proceda depende de las necesidades únicas de su cliente.
Registre un dominio
Si aún no poseen un dominio, necesitará que lo compren o hacerlo en su nombre.
Recomiendo a mis clientes usar Namecheap. Son de los más baratos que existen, y su servicio al cliente es mejor que el de empresas como GoDaddy o Bluehost.
Si compran el dominio ellos mismos, necesitarán enviarle acceso a su cuenta para que pueda modificar sus configuraciones de DNS.
Apunte el dominio
Ahora que tiene el dominio registrado, necesitará apuntar el dominio al servidor donde está alojado el sitio.
Esto implica cambiar las configuraciones de DNS.
DNS significa Sistema de Nombres de Dominio. DNS es cómo los nombres de dominio se apuntan a direcciones IP. (¿recuerda esto? http://22.26.182.14/)
DNS también controla la entrega de correo electrónico, y es lo que le permite usar su navegador web para encontrar sitios web así como enviar y recibir correos electrónicos.
Descubra en qué dirección IP está ubicado su servidor, luego apunte el DNS de su cliente a esa IP.
¿Claro como el barro?
14) Pruebas y Garantía de Calidad

Oh, lo siento. ¿Pensó que había terminado?
Una vez que un sitio se lanza, está garantizado que encontrará al menos un puñado de fallos o errores.
No puede planificar todo con anticipación.
Cosas como…
Enlaces rotos
Un enlace roto es un enlace que no lleva a ninguna parte. Solo lo lleva a una página vacía 404. 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úrese de que todos los enlaces en el sitio de su cliente realmente funcionen.
Opt-ins y formularios
¿Alguna vez ha enviado su información en un formulario de contacto de un sitio web y no pasa nada?
Hay varias razones por las que los formularios de contacto pueden romperse. Pruebe cada uno para asegurarse de que realmente hagan lo que se supone que deben hacer. Por lo general, esto es tan simple como enviar la información por correo electrónico a su cliente.
Rendimiento
Pruebe el sitio web en rastreadores de rendimiento como GTMetrix para confirmar que están funcionando a una velocidad increíble. Si muestra errores o sugerencias sobre cómo mejorar, impleméntelos.
No tiene que estar clasificado A+ en todo, pero sus páginas definitivamente no deberían tardar más de unos segundos en cargarse.
Responsividad
Ese video animado elegante en la sección superior de la página de inicio se ve genial en el escritorio. Pero, ¿lo revisó en su iPhone? Resulta que ni siquiera puede ver la mitad inferior de él.
El diseño web responsivo puede ser complicado.
El móvil ya es la forma más común en que las personas acceden a Internet. Y sigue creciendo cada año.
Y ahora hay una variedad aún mayor de tamaños de teléfonos con los que trabajar, lo que hace que el diseño responsivo sea aún más desafiante si no se hace bien.
Pruebe los 2 grandes: Móvil y escritorio. Si es realmente exigente, también puede verificar la versión para tabletas.
15) Reciba el pago una vez más… y otra vez… y otra vez… (si lo está haciendo bien)

¡Mírese recibiendo el pago por tercera vez! Creo que está empezando a entender esto.
Si ha hecho este proceso correctamente, debería estar alojando el sitio web de su cliente una vez que esté publicado.
Qué características ofrece y cuánto cobra depende de usted.
¿Por qué regalar esos ingresos pasivos mensuales a alguna otra empresa de alojamiento web?
Stripe
Uso Stripe para facilitar todas mis suscripciones de alojamiento.
Una vez que el sitio está publicado, y tengo la información de la tarjeta de crédito de mi cliente, configuro la suscripción con Stripe. Luego, automáticamente cargará la tarjeta de crédito de mi cliente mensualmente.
Hay varios servicios que ofrecen esta característica, pero he encontrado que Stripe es el mejor para mí.
Sin embargo, Stripe no está disponible en todos los países. Así que necesitará verificar por sí mismo y ver qué alternativas están disponibles si no lo está.
Conclusión
Bueno, este artículo debería servir como una pequeña lista de verificación de diseño web para su proceso de diseño web.
Si bien puede que no sea un ajuste exacto para usted y su negocio, debería darle una visión general de lo que se necesita para llevar a alguien de cliente potencial a cliente pagado.
Este no es el proceso que usé cuando comencé mi negocio de diseño web. Confíe en mí, apenas podría llamar a lo que usé un proceso.
Pero a medida que mi negocio creció y mi conocimiento y habilidades mejoraron, mi proceso de diseño web se fue afinando y refinando gradualmente.
Sigo haciendo eso hasta el día de hoy. #nuncadejesdecrecer
Si me he perdido algo, o todavía tiene algunas preguntas, déjeme un comentario a continuación. Actualizaré la publicación con su pregunta. (y tal vez incluso le dé un pequeño saludo)