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.
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)
Leer más
Revisión de Powtoon: La forma más fácil de crear animaciones increíbles
Crea animaciones profesionales en minutos con las herramientas intuitivas de Powtoon. Esta reseña cubre características esenciales que te ayudan a involucrar a tu audiencia con facilidad.

Patrick Antinozzi
Propietario de RapidWebLaunch
Cómo utilizo Evernote para catalogar ideas que obtengo de la lectura de libros
Vea cómo capturo y organizo las ideas de lectura en Evernote, asegurando que cada idea sea fácil de encontrar y poner en práctica.

Patrick Antinozzi
Propietario de RapidWebLaunch
Weebly vs WordPress: ¿Cuál constructor de sitios web es el mejor para ti?
"¿Decidiendo entre Weebly y WordPress? Descubre qué creador de sitios web se adapta perfectamente a tus necesidades. Sumérgete en una comparación detallada que te guiará para crear, personalizar y conquistar el espacio en línea. ¡Elevemos tu presencia en la web hoy!"

Patrick Antinozzi
Propietario de RapidWebLaunch
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.