El proceso completo de diseño web (desde la generación de clientes potenciales hasta el lanzamiento del sitio)

Índice de contenidos

Ni siquiera estoy bromeando cuando digo que, de todas las preguntas que recibo sobre la gestión de un negocio de diseño web, sobre 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. En capturar el liderazgo a la publicación del sitio.

He debatido sobre si era una buena idea proporcionar esto.

Por un lado, creo que la gente debería desarrollar su propio proceso de diseño web que tenga más sentido para ellos y sus clientes. Aunque ciertamente no hay nada malo en inspirarse en el trabajo de otros, e incluso copiar ciertos aspectos del mismo, el mero hecho de copiar y pegar cada elemento de los negocios de otros le hará a usted y a sus clientes un gran perjuicio.

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

El pueblo lo exige.

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

YouTube vídeo

 

Te voy a dar el proceso de diseño web que sigo personalmente con cada uno de mis clientes. No es en absoluto el definitivo proceso para todos los diseñadores web, y estoy seguro de que hay muchos por ahí que no estarían de acuerdo conmigo.

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

Comencemos.

1) Generación de clientes potenciales

¿Cuál es el mayor y más frustrante reto para los aspirantes a diseñadores web?

Ya sabes lo que es.

Dilo conmigo:

Conseguir. Clientes.

Cuando se trata de conseguir clientes de diseño webHay dos categorías:

Entrada

Los clientes potenciales simplemente vienen a ti sin que tengas que perseguirlos agresivamente.

"¿QUÉ? ¿Qué es esta brujería? Quiero que los plomos también vengan a mí por arte de magia". - Tú, probablemente

No tan rápido vaquero. Nunca dije que no costara trabajo. El trabajo es sólo distribuidos de forma diferente.

Los clientes potenciales de diseño web entrante generalmente provienen de uno de estos lugares:

  • Referencias
  • Google
  • YouTube
  • Medios de comunicación social

Referencias

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

Los clientes satisfechos hablan de sus servicios a otras personas, que se ponen en contacto con usted para que les haga un trabajo.

Las referencias son cruciales para crear un negocio de diseño web de éxito. Asegúrese siempre de que sus clientes se ha quedado sin aliento por lo grande que eres.

PREGUNTAS FRECUENTES: ¿Debo crear un programa de afiliados para mi negocio de diseño web? No, no te molestes. Aunque los programas de afiliación pueden ser una forma muy eficaz de conseguir que la gente venda tus productos en tu nombre, no funcionan bien en el sector del diseño web. Es demasiado difícil hacer un seguimiento eficaz de la procedencia de tus clientes potenciales y de quién debe recibir la comisión.

Google

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

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

Lleva a Google a la bodega de moda a las afueras de la ciudad, comparte una buena botella de merlot y unas cuantas tapas mientras recibes una serenata del aspirante local a Ed Sheeran. Hablar de la familia y la educación de Google y que te interrumpan continuamente mientras intentas hablar de la tuya. (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 flores y chocolate.

¿Escalofriante? Sí. ¿Precisa? Absolutamente.

La clave para conseguir clientes potenciales cualificados y de alta calidad reside en Google. Las personas que buscan servicios de diseño web son ya está interesado en comprar. Sólo están buscando el diseñador adecuado para ellos.

¿Cómo conseguir que tus servicios de diseño web se sitúen en los primeros puestos de Google cuando ya hay tanta competencia?

Contenido mis amigos. Es todo sobre los blogs.

Publicando entradas de blog consistentes y de alta calidad es exactamente como construí RapidWebLaunch desde nada. Si no me hubiera metido de lleno en el mundo de los blogs, no estaría donde estoy hoy.

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

Pero cuando finalmente consiga que su sitio web empiece a posicionarse en la primera página de Google, los clientes potenciales empezarán a llegar a raudales.

Sin embargo, los blogs no eran la única pieza importante de mi estrategia de marketing de contenidos...

YouTube

Yo también hizo videos en YouTube.

De hecho, acabé creando una estrategia de marketing de contenidos que implica hacer un vídeo para cada una de las entradas del blog que escribo.

Todos mis vídeos de YouTube contienen una llamada a la acción que lleva a la gente a mi sitio. El tipo de CTA que utilizo depende del tema del vídeo.

YouTube es el del mundo segundo mayor motor de búsqueda. Y es propiedad del motor de búsqueda #1 del mundo.

Si todavía 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 llamar la atención de la gente allí. Imagina cómo será dentro de 5 años.

Medios de comunicación social

I odio a las redes sociales. De verdad que sí. Creo que perjudica nuestras vidas más que las enriquece.

Dependiendo de cómo se utilicen las redes sociales, se podría argumentar que en realidad son una herramienta utilizada para salida de clientes potenciales, más que de clientes entrantes. Y dado que prefiero construir leads inbound a outbound, me da más razones para no utilizarlo como herramienta de ventas.

Pero reconozco que puede ser una herramienta útil para producir y compartir contenidos que lleven tráfico a tu sitio y generen clientes potenciales.

Twitter me parece la plataforma de medios sociales más eficaz para esto. Es, con diferencia, la más personalizable y abierta de todas las plataformas.

Hoy en día, sólo utilizo Linkedin y Pinterest. (a menos que cuente con YouTube, por supuesto)

Salida

Para generar clientes potenciales se necesita un tipo de persona especial. Se trata de trabajo duro.

En concreto, debe tener una casi obsesión por todo lo relacionado con las ventas.

Los clientes potenciales salientes pueden provenir de:

  • Llamada en frío
  • Envío de correos electrónicos en frío
  • DMing en frío
  • Reuniones y conferencias en frío

¿Soy yo o hace un poco de frío aquí?

"Frío" se refiere simplemente al hecho de que su cliente potencial no ha tenido ninguna interacción con usted o su marca. Como tal, van a necesitar un poco de calentamiento.

La mayor parte de esto viene de la mano de hustling. Como, mantener una hoja de cálculo de miles de empresas y hacer un seguimiento de todas sus llamadas telefónicas y correos electrónicos y mensajes tipo de prisa.

Luego hay que hacer un seguimiento durante semanas, meses y a veces incluso años.

Calentar a un cliente potencial frío es lo máximo que se puede hacer en materia de ventas. Si no te gustan las ventas, te sugiero que aprendas a amarlas o que inviertas fuertemente en las estrategias de inbound marketing que mencionamos anteriormente.

Pase lo que pase, tendrás que participar en las ventas de alguna forma. Pero es mucho más fácil cuando ya has calentado la pista con una entrada de blog o un vídeo de YouTube.

2) Véndete a ti mismo

¡Ohmygosh! ¡Una nueva pista acaba de llegar desde su sitio web!

¿Y ahora qué?

Ahora es el momento de poner la gorra de las ventas amigo.

Y lo creas o no, no estás vendiendo servicios de diseño web. Te estás vendiendo a ti mismo. Los servicios de diseño web son secundarios.

Y es que hay toneladas de diseñadores web para elegir por ahí. Pero sólo hay uno usted.

Es el momento de contar tu historia.

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

Hace unos años, dos investigadores crearon SignificantObjects.com para comprobar el valor de la narración. Compraron chucherías insignificantes al azar por $1,50 cada una, les añadieron algunas historias convincentes y luego se dieron la vuelta y las vendieron en eBay.

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

$3,612.51

Ése es el poder de la narración. Y el motivo por el que hay que ser realmente bueno en ello.

No tengas miedo de ser un poco diferente. Aunque a veces signifique una cantidad incómoda de transparencia.

3) Firmar el cliente

Después de ponerse a vender y contar historias con su cliente potencial, ellos han decidido que les gusta, usted ha decidido que son un buen ajuste para usted...y ambos están listos para seguir adelante. ¡Impresionante!

Ahora tienes que decidir si vas a hacer que tu cliente firme un contrato o no.

Si decides no firmar un contrato por escrito por ambas partes, al menos debes 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.

PREGUNTAS FRECUENTES: ¿Debo hacer que mi cliente de diseño web firme un contrato? Esto depende totalmente de usted. Personalmente, No me molesto con los contratos. Todo el mundo odia el batiburrillo legal y sé que mis clientes potenciales también. Y nunca quiero que mis clientes se sientan atrapados de alguna manera. Las relaciones se construyen sobre la base de la confianza. Sin eso, no tienes nada. Los contratos comienzan la relación diciendo "No confío en ti".

4) Cobrar

¡Hora de cobrar!

Antes de realizar cualquier trabajo, es necesario recibir un depósito. La mayoría de los diseñadores web, incluyéndome a mí, hacen un reparto de la factura al 50%. 50% de depósito por adelantado, y luego el 50% restante cuando el sitio está listo para ser lanzado.

Exijo a todos mis clientes que paguen con tarjeta de crédito. No hay transferencia bancaria, ni correos electrónicos, ni débito. Sólo tarjetas de crédito.

Las tarjetas de crédito son de uso común en Norteamérica 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 no conocen.

He aquí un par de herramientas que utilizo para la facturación y el seguimiento de los gastos:

FreshBooks

FreshBooks ha estado conmigo desde el principio. Ha sido mi plataforma de facturación favorita durante años.

Es perfecto para quienes tienen menos de 50 clientes. Pero después de eso, se vuelve demasiado caro. Cuando superé los 50 clientes hace un par de años, me subieron el precio a $70/mes. Eso es demasiado para la facturación y el seguimiento de los gastos.

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

Factura Ninja

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

No está tan pulido ni es tan fácil de usar como FreshBooks, por lo que le llevará algún tiempo cogerle el tranquillo. 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 el contenido del cliente

Una vez que recibas el depósito del cliente, haz que te envíe todo el contenido del sitio web.

Esto incluye:

  • Logotipo
  • Guía de la marca
  • Imágenes
  • Copia de la palabra
  • Vídeos
  • Enlaces a las redes sociales

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

Correo electrónico

Si no tienen una tonelada de contenido, manténgalo simple y haga que se lo envíen por correo electrónico.

Dropbox

Si tienen muchas imágenes y vídeos, el envío por correo electrónico no será lo ideal. Pídales que creen un DropBox y enviarle el acceso a través de un enlace.

6) Configurar el sitio

Así que aquí es donde las cosas pueden ser complicadas. La forma de configurar el sitio web de su cliente depende realmente de la relación entre usted y su cliente.

Usuarios que no son de WordPress

Si utiliza un constructor de sitios web como Weebly, Squarespace o Shopifyentonces esto será muy sencillo. La mayoría de estos constructores de sitios tienen su propia versión de diseño especial de su plataforma. Sólo tienes que seguir sus instrucciones.

Usuarios de WordPress

Si eres como la gran mayoría de los diseñadores web y utilizas WordPress para crear los sitios web de tus clientes, tienes varias opciones.

Alojamiento del sitio del cliente

Si es inteligente y ofrece servicios de alojamiento a todos sus clientes, tendrá sus propios servidores alquilados con una empresa como BigScoots, Cloudways o Web líquida. (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 utilices, y deberías ponerte en contacto con ellos para saber más)

Aquí es donde el sitio en vivo se alojará en su dirección IP hasta que esté listo para lanzar 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 utilizar su propia solución de alojamiento, sólo tiene que pedirle los datos de acceso a su registrador de dominios y a su 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 de sitios web de tu elección, ¡ahora es el momento de empezar a construir sitios web!

Me gusta hacer primero un primer borrador completo de la página de inicio. Así, el cliente se hace una idea clara del aspecto que quiero conseguir.

Tenga en cuenta todo que ha aprendido sobre el diseño web ¡y ponte a trabajar!

8) Obtenga información y haga cambios

Una vez terminada la página de inicio, envíe el enlace a su cliente y pídale su opinión.

Si no están locos por ello, pídeles detalles sobre lo que no les gusta. Intenta profundizar si dan muchas respuestas subjetivas como:

  • "No es tan mínimo como me gustaría".
  • "Quiero que sea más profesional".
  • "¿Puedes añadir más estilo?"

Una buena comunicación es la clave. Sus clientes suelen tener una idea de cómo quieren que sea su sitio web, pero les resulta difícil expresarla con palabras.

O peor aún, no tendrán cualquier idea de lo que quieren, pero tendrán un montón de sentimientos sobre lo que les gusta y lo que no les gusta.

Sé paciente. Y extrae lentamente estas ideas como el agua de un pozo.

Si les gusta el primer borrador y no tienen muchos comentarios negativos, puede seguir construyendo el resto del sitio con el mismo estilo.

9) Seguir construyendo el resto del sitio

Una vez que se tenga una idea clara de cómo quiere el cliente que sea el sitio, y que haya llegado al punto de que le guste el aspecto de la página de inicio, se puede seguir construyendo el resto de las páginas.

Mientras estés construyendo, céntrate siempre en estos dos objetivos principales:

1) Experiencia del usuario

Experiencia del usuario es, con mucho, el aspecto más importante de un buen diseño web. Siempre priorizar la UX sobre cualquier otra cosa.

2) Capacidad de respuesta

El segundo aspecto crucial de un buen diseño web es la capacidad de respuesta. En otras palabras, garantizar que la experiencia del usuario sea impresionante en cualquier dispositivo. Especialmente en el móvil.

10) Obtenga más información y realice más cambios

A medida que vayas completando cada página, sigue 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á hecho, es hora de hacer algo del trabajo de fondo...

11) Trabajar en el backend

Un buen diseño web implica mucho más que diseños bonitos, gráficos, transiciones y animaciones. Este trabajo de frontend es la parte divertida.

Pero el backend es igual de importante. Piense en ello como el esqueleto de un hermoso sitio web.

A continuación se indican algunos aspectos importantes que deben tenerse en cuenta al trabajar en el backend del sitio web de su cliente:

Optimización de palabras clave

Puedes tener el sitio más bonito de la red mundial pero, si nadie lo ve, ¿de qué sirve?

El primer paso de la optimización para motores de búsqueda es realizar un estudio adecuado de las palabras clave e integrarlas en cada página del sitio web. Elementos como los títulos, las metaetiquetas y las descripciones, y las imágenes. etiquetas alt debe estar optimizado para sus palabras clave objetivo.

Pero tenga en cuenta que nunca debe simplemente rellenar su palabra clave objetivo en su página tanto como pueda. Google es demasiado inteligente para eso.

El aspecto, la sensación y la fluidez de sus mensajes deben ser naturales. Míralo siempre desde una perspectiva humana.

¿Podría usted ¿quieres leerlo?

Estructura del sitio y enlaces internos

Tener una estructura clara del sitio facilita que Google rastree su sitio y se haga una mejor idea de lo que se trata. Y los enlaces de una página a otra son un aspecto importante.

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

  • Inicio
  • Servicios
    • Producción de podcasts
    • Edición de podcasts
    • Consultoría de Podcast
  • Blog
    • Categorías
      • Entrevistar a los invitados
      • Calidad de audio
      • Edición de
      • Producción
      • Marketing y divulgación
  • Contacte con

La estructura de navegación permite hacerse una idea clara de lo que ofrece este sitio.

Luego, los enlaces internos de una página a otra pueden ayudar a canalizar a sus clientes potenciales por el camino que usted quiere que sigan.

Por ejemplo, puede enlazar una entrada del blog sobre el Los 8 consejos más importantes para la edición de podcasts a una llamada a la acción que lleve a su lector a su Edición de podcasts página de servicios.

Rendimiento

Rendimiento y velocidad del sitio es cada vez más importante, y la competencia...

Tanto Google como Facebook lo han demostrado construyendo su propia versión de una plataforma superrápida que permite que los sitios web se carguen en apenas un par de segundos. (AMP e Instant Article, respectivamente)

Garantizando su sitio web puede cargar rápidamentey no se queda atrás con las características hinchadas, puede marcar la diferencia entre que alguien se convierta en cliente o se vaya a su competidor.

12) Volver a cobrar

¡Ya lo has hecho! El sitio está completo y listo para ser lanzado.

Pero espera un segundo, amigo. Tienes que pagar primero el otro 50%, ¿recuerdas?

Vuelva a enviar la factura y haga que su cliente pague el 50% restante. De nuevo, idealmente con una tarjeta de crédito.

13) Publicar el sitio

Por último, es el momento de lanzar el sitio web de su cliente.

Una vez más, la forma de proceder depende de las necesidades únicas de su cliente.

Registrar un dominio

Si aún no poseen un dominio, tendrá que hacer que compren uno, o hacerlo en su nombre.

Recomiendo a mis clientes que utilicen Namecheap. Están entre los más baratos que hay, y su servicio de atención al cliente es mejor que el de empresas como GoDaddy o Bluehost.

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

Señala el dominio

Ahora que tiene el dominio registrado, tendrá que apuntar el dominio al servidor donde se aloja el sitio.

Esto implica cambiar la configuración del DNS.

DNS significa Sistema de nombres de dominio. El DNS es la forma en que los nombres de dominio apuntan a las direcciones IP. (¿recuerdas esta cosa? http://22.26.182.14/)

El DNS también controla la entrega del correo electrónico, y es lo que le permite utilizar su navegador para encontrar sitios web, así como enviar y recibir correo electrónico.

Averigüe en qué dirección IP se encuentra su servidor y apunte los DNS de su cliente a esa IP.

¿Claro como el barro?

14) Pruebas y garantía de calidad

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

Una vez que se lanza un sitio web, está garantizado que se encontrará con al menos un puñado de fallos o errores. No se puede planificar 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 indica 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 del sitio de su cliente funcionan realmente.

Formularios de inscripción

¿Alguna vez has introducido tus datos en el 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 de ellos para asegurarse de que realmente hacen 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 funcionan a toda velocidad. Si aparecen errores o sugerencias de mejora, aplícalas.

No tienes que estar clasificado A+ por todopero sus páginas deberían definitivamente no tarda más de unos segundos en cargarse.

Capacidad de respuesta

Ese elegante vídeo animado en la sección sobre el pliegue de la página de inicio parece enfermo en el escritorio. Pero, ¿lo has comprobado en tu iPhone? Resulta que ni siquiera puedes ver la mitad inferior.

El diseño web responsivo puede ser complicado.

El móvil es ya la forma más habitual de acceder 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, lo que hace que diseño adaptable aún más difícil si no se hace bien.

Prueba los 2 grandes: Móviles y ordenadores de sobremesa. Si eres muy exigente, puedes consultar también la versión para tabletas.

15) Cobrar una vez más... y otra vez... y otra vez... (si lo estás haciendo bien)

¡Mira cómo te pagan por tercera vez! Creo que estás empezando a entender esto.

Si ha realizado este proceso correctamente, debería alojar el sitio web de su cliente una vez publicado. Qué características ofrece y cuánto cobra depende de ti.

¿Por qué regalar eso? ingresos pasivos mensuales a alguna otra empresa de alojamiento web?

Raya

Yo uso Raya 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. A continuación, se cargará automáticamente la tarjeta de crédito de mi cliente mensualmente.

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

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

Conclusión:

Bueno, este artículo debería servir como un pequeño lista de comprobación del diseño web para su proceso de diseño web.

Aunque no sea una exactamente que se adapte a usted y a 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 utilicé cuando empecé mi negocio de diseño web. Créeme, apenas podrías llamar a lo que usé un proceso.

Pero a medida que mi negocio crecía y mis conocimientos y habilidades mejoraban, mi proceso de diseño web se fue afinando y refinando.

Hasta el día de hoy sigo haciéndolo. #neverstopgrowing

Si me he olvidado de algo, o si todavía tienes alguna pregunta, envíame un comentario a continuación. Actualizaré el post con tu pregunta. (y tal vez incluso te dé un pequeño saludo)

Foto de Patrick Antinozzi

Patrick Antinozzi

Este post lo ha escrito un ser orgánico con ayuda de la IA. Bastante salvaje que tenga que renunciar a eso, ¿eh? Sólo intento aportar valor. No siempre es lo más bonito o lo más sucinto.

¿Te ha gustado esto? Tengo más de donde vino: 🤓