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

Planifica un sitio web exitoso y convierte clientes potenciales en el camino. Cada etapa está explicada, desde la planificación de la estrategia y el diseño hasta el lanzamiento confiado de tu sitio.

Patrick Antinozzi

Propietario de RapidWebLaunch

¡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 plano paso a paso para seguir con cada uno de sus clientes de diseño web. Desde capturar el lead hasta publicar el sitio.

Debatí sobre 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 del mismo, simplemente copiar y pegar _cada elemento_ del negocio de otra persona te perjudicará a ti y a tus clientes de una gran desventaja. 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 alguien que decepcione 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 _definitivo_ para todos los diseñadores web, y estoy seguro de que hay muchos que no estarían de acuerdo conmigo.

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

¡Vamos a empezar!


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 lo que es.

Dilo conmigo:

Consiguiendo. 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?? ¡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, quienes luego se comunican contigo para que trabajes para ellos.

Las referencias son cruciales para construir un negocio de diseño web exitoso. Asegúrate de que tus clientes queden impresionados con lo grandioso que eres. FAQ: ¿Debería establecer 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 las personas vendan tus productos en tu nombre, no funcionan bien en la industria del diseño web. Es demasiado difícil rastrear de manera efectiva de dónde provienen tus leads y quién debería recibir la comisión.

Google

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

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

Lleva a Google a la bodega de moda justo afuera de la ciudad, comparte una buena botella de merlot y algunas tapas mientras eres serenateado por un aspirante a Ed Sheeran local. Habla sobre la familia y crianza de Google y sé interrumpido continuamente mientras intentas hablar sobre la tuya. (ya que Google ya sabe todo sobre ti) Termina la velada con una cena romántica a la luz de las velas y una proyección de una comedia romántica en el autocine 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 buscan servicios de diseño web están ya interesadas en comprar. Solo están buscando el diseñador adecuado para ellos.

¿Cómo harás que tus servicios de diseño web aparezcan en la parte superior de Google cuando ya hay tanta competencia?

Contenido, amigos. Se trata de mantener blogs.

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

No te equivoques. Esto requiere mucho trabajo. Y es definitivamente 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, el blogging no fue la única parte importante de mi estrategia de marketing de contenido…

YouTube

También hice videos para YouTube.

De hecho, terminé creando una estrategia de marketing de contenido que implica 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 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 #1 del mundo.

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

Redes sociales

Yo odio las redes sociales. Realmente lo hago. Creo que dañan nuestras vidas más de lo que las enriquecen.

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 leads entrantes a salientes, me da más razón para no usarlo como herramienta de ventas.

Pero reconozco que puede ser una herramienta útil para producir y compartir contenido que genere tráfico hacia 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.

Estos días, solo utilizo Linkedin y Pinterest. (a menos que cuentes YouTube, por supuesto)

Salientes

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

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

Los leads salientes pueden provenir 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 hace un poco de frío 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 un poco de calor. La mayoría de esto proviene de un fuerte esfuerzo. Como, _mantener-una-hoja-de-cálculo-de-miles-de-negocios-y-rastrear-todas-tus-llamadas-y-correos-y-mensajes_ tipo de esfuerzo.

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

Calentar un lead frío es tan vendible como puedes llegar a ser. Si no te gusta vender, te sugeriría que aprendas a amarlo o inviertas fuertemente en las estrategias de marketing entrantes que mencionamos arriba.

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 publicación de blog o video de YouTube.

2) Véndete

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

¿Y ahora qué?

Ahora es el momento de ponerte ese sombrero de ventas, amigo.

Y créelo o no, no estás vendiendo servicios de diseño web. Estás vendiendo a ti mismo. Los servicios de diseño web son secundarios a eso.

Y eso es porque hay _toneladas_ de diseñadores web de los que elegir allá afuera. Pero solo hay un _tú_.

Es hora de contar tu historia.

La gente compra de personas. Tener habilidades fantásticas de diseño web es genial y todo, pero si no tienes cualidades que te diferencien, ¿por qué deberían elegirte? Hace algunos años, dos investigadores crearon SignificantObjects.com para probar el valor de contar historias. Compraron objetos aleatorios e insignificantes por $1.50 cada uno, les añadieron algunas historias conmovedoras, 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

ESE 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) Firmar con el cliente

Después de ponerte todo vendible y contar historias con tu lead, han decidido que les gustas, tú has decidido que son una buena pareja 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 decides 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 por escrito de los compromisos de ambas partes.

FAQ: ¿Debería hacer que mi cliente de diseño web firme un contrato? Esto depende enteramente de ti. Personalmente, no me molesto con los contratos. A todos odian el palabrerío legal y sé que 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 comienzan la relación diciendo "no confío en ti".

4) Obtener el pago

¡Hora de cobrar!

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

Exijo a todos mis clientes que paguen con tarjeta de crédito. Sin transferencias bancarias, 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 aún están nerviosos por trabajar con alguien que nunca han conocido.

Aquí hay un par de herramientas que utilizo para la facturación y el 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 caro. Una vez que superé los 50+ clientes hace un par de años, aumentaron el precio a $70/mes. Eso es simplemente demasiado para facturación y seguimiento de gastos.

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

Invoice Ninja

Invoice Ninja está cargada de toneladas de funciones. 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, así que tomará un tiempo acostumbrarse a ello. Pero si tu negocio de diseño web está creciendo rápido, 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 contenido relacionado con el sitio web.

Esto incluye:

  • Logo

  • Guía de marca

  • Imágenes

  • Texto

  • Videos

  • Enlaces a redes sociales

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

Correo electrónico

Si no tienen mucho contenido, mantenlo simple y haz 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 a través de un enlace.

6) Configurar el sitio

Así que aquí es donde las cosas pueden complicarse. Cómo configures 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 usando 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 de diseñador de su plataforma. Simplemente sigue sus instrucciones.

Usuarios de WordPress

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

Alojando el sitio del cliente

Si eres inteligente, y estás ofreciendo servicios de alojamiento a todos tus clientes, tendrás tus propios servidores alquilados 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 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 obtener más información)

Este es donde el sitio en vivo estará 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 usará 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) Hacer el primer borrador de la página de inicio

Tienes todo el contenido que necesitas, has configurado el nuevo sitio con tu creador de sitios web preferido, ¡ahora finalmente es hora de comenzar 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 del aspecto y la sensación que estoy buscando.

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

8) Obtener comentarios, realizar cambios

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

Si no les entusiasma, pídeles específicos sobre lo que no les gusta. Intenta profundizar 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?”_

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 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.

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 tienes una comprensión clara de cómo el cliente quiere que se vea el sitio, y han llegado al punto donde aman el aspecto de la página de inicio, puedes seguir construyendo el resto de las páginas.

Mientras estás construyendo, siempre enfócate en estos dos objetivos principales:

1) Experiencia del usuario

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

2) Responsividad

El segundo aspecto crucial del 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 comentarios, realizar 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 diseñadas por completo.

Porque una vez que el diseño esté terminado, es hora de hacer algún trabajo tedioso en el backend...

11) Trabajar 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 del _backend_ es igualmente importante. Piensa 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 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?

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, meta etiquetas y descripciones, y etiquetas alt de imágenes deberían estar optimizadas para tus palabras clave objetivo.

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

La apariencia, la sensación 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 clara del sitio facilita a Google rastrear tu sitio y obtener una mejor idea de lo que 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

  • Entrevistando a Invitados

  • Calidad de Audio

  • Edición

  • Producción

  • Marketing y Alcance

  • Contacto

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

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

Por ejemplo, podrías enlazar una publicación de blog sobre los 8 Consejos Más Importantes para Editar Podcasts a un llamado a la acción que lleve a tu 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 al construir su propia versión de una plataforma superrápida que permite que los sitios web se carguen en solo un par de segundos. (AMP e Instant Article, respectivamente)

Asegurarte de que tu sitio web cargue rápidamente y no se retrase con características excesivas puede marcar la diferencia entre que alguien se convierta en un cliente o que se decida por tu competidor.

12) Obtener el pago nuevamente

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

Pero espera un segundo. Necesitas que te paguen ese otro 50% primero, ¿recuerdas?

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

13) Publicar 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.

Registrar un dominio

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

Recomiendo que mis clientes usen Namecheap. Son de los más baratos que hay, y su servicio al cliente es mejor que empresas como GoDaddy o Bluehost.

Si compran el dominio ellos mismos, necesitarán enviarte acceso a su cuenta para que puedas modificar la configuración DNS.

Apuntar el dominio

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

Esto implica cambiar la configuración DNS.

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

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

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 es lanzado, está garantizado que te encontrarás con al menos un puñado de fallas o errores. No puedes planear todo con anticipació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 enviaste tu información en el formulario de contacto de un sitio web y no pasó nada?

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

Rendimiento

Prueba el sitio web en rastreadores de rendimiento como GTMetrix para confirmar que están funcionando a toda velocidad. Si aparecen errores o sugerencias sobre cómo mejorar, implementa las mismas. No tienes que tener un rango A+ en todo, pero tus páginas no deberían _definitivamente_ tardar más que unos pocos segundos en cargar.

Responsividad

Ese video animado tan elegante en la parte superior de la página de inicio se ve _genial_ en el escritorio. Pero, ¿lo revisaste en tu iPhone? Resulta que no puedes siquiera ver la mitad inferior.

El diseño web responsivo puede ser complicado.

Móvil ya es la forma más común en que las personas acceden a internet. Y continúa creciendo cada año.

Y ahora hay una variedad aún mayor de tamaños de teléfonos para 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 realmente eres exigente, también puedes verificar la versión de la tableta.

15) Obtener el pago otra vez... y otra vez... y otra vez... (si lo estás haciendo bien)

¡Mira quién está recibiendo un pago por 3ª vez! Creo que estás comenzando a entender esto.

Si has hecho este proceso correctamente, deberías estar alojando el sitio web de tu cliente una vez que esté publicado. Qué características ofreces y cuánto cobras depende de ti. ¿Por qué regalar ese ingreso pasivo mensual a alguna otra empresa de alojamiento web?

Stripe

Yo 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 cada mes.

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 deberá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 un bonito checklist 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 de lead a cliente pago.

Este no es el proceso que utilicé cuando comencé mi negocio de diseño web. Créeme, apenas podrías llamar lo que usé un _proceso_.

Pero a medida que mi negocio creció y mis conocimientos y habilidades mejoraron, mi proceso de diseño web se fue afinando y perfeccionando gradualmente.

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

Si me he perdido algo, o todavía tienes algunas preguntas, déjame un comentario abajo. Actualizaré la publicación con tu pregunta. (y tal vez incluso te dé un pequeño saludo)


Obtén un sitio web que se pague por sí mismo.

No es solo un sitio web. Es una máquina de marketing que genera clientes potenciales, simplifica procesos, ahorra tiempo y genera dinero.