Cómo aprender diseño web RÁPIDO (El proceso de 5 pasos)
Domina los conceptos básicos del diseño web con un plan claro de cinco pasos que te lleva desde el diseño hasta el lanzamiento en tiempo récord, incluso si recién estás comenzando.
Patrick Antinozzi
Propietario de RapidWebLaunch
Aprender diseño web es más simple y rápido que nunca.
Eso no significa que no tomará mucho trabajo. Solo significa que es mucho más simple de lo que solía ser.
Casi todos los blogs de diseño web te dirán que hagas cosas como aprender a codificar, programar, desarrollar web y gestionar servidores. Que necesitas tomar un curso de diseño web para aprender diseño web correctamente.
O te dirán que es demasiado tarde para convertirte en diseñador web y que en su lugar deberíamos prepararnos para inclinarnos ante nuestros señores robots impulsados por IA.
No te voy a decir ninguna de esas tonterías. (aunque el jurado aún está deliberando sobre esos señores robots…)
En cambio, voy a compartir contigo un proceso simple de 5 pasos. Este proceso te preparará para convertirte en un diseñador web o incluso comenzar tu propio negocio de diseño web en poco tiempo.
Es decir, si realmente sigues el proceso al pie de la letra.
1) Elige una herramienta de diseño web
La verdad es que la barrera de entrada para los diseñadores web nunca ha sido más fácil. El proceso de diseño web se ha simplificado drásticamente con el auge de los creadores de sitios web de arrastrar y soltar.
En este momento, hay literalmente docenas de creadores de sitios web disponibles para ti. Con el propósito de la simplicidad, vamos a limitar nuestras opciones a los 8 creadores de sitios web más utilizados.
Ten en cuenta que casi todos estos creadores de sitios web tienen una versión de prueba gratuita. Así que pruébalos todos y averigua cuál tiene más sentido para ti.
No hay elecciones equivocadas aquí. Todo se reduce a la preferencia personal.
Los he clasificado en ningún orden particular, pero compartiré mi opinión personal sobre cada uno a medida que avancemos. ¡Vamos a profundizar!
Weebly
Tengo un cariño especial por Weebly. Ellos son una gran razón por la que ahora tengo un negocio de diseño web exitoso.
Estuve justo donde estás ahora cuando comencé mi viaje en el diseño web. No sabía nada sobre desarrollo web, codificación, programación, servidores y todas esas cosas.
Ni siquiera sabía nada sobre los fundamentos del diseño web. Cosas como experiencia del usuario, optimización del rendimiento, diseño gráfico y llamadas claras a la acción eran extranjeras para mí.
Pero sabía que los pequeños dueños de negocios estaban desesperados por tener un sitio web rápido y asequible.
Weebly me dio las herramientas que necesitaba para aprender los conceptos básicos del diseño web sin preocuparme por todas esas cuestiones técnicas. Usé Weebly para empezar desde cero, avanzando hasta tener docenas de clientes construidos y alojados en su plataforma.
Eventualmente, a medida que mejoraron mis conocimientos, experiencia y habilidades, superé a Weebly y hice la transición a WordPress + Elementor.
Pero si eres un completo novato como yo lo era, Weebly es un gran lugar para comenzar tu viaje en el diseño web. Su interfaz de usuario es de lejos la más simple y fácil de usar.
Wix
Wix está fácilmente entre los 3 creadores de sitios web más populares. Tuvieron un auge comercial hace un par de años, pero desde entonces han estado bastante silenciosos. (probablemente porque estaban contentos con los decenas de millones de sitios que alojan)
Con respecto a su producto, de la limitada experiencia que tengo con él, funciona bastante bien.
Mi principal problema con Wix son sus aparentes problemas de rendimiento. Muchos sitios web que he visto construidos con él no parecen cargar muy rápido.
Por supuesto, eso puede no ser un problema con Wix en sí, sino más bien con las personas que lo construyeron. No culpes a la herramienta, culpa al hombre que la usa, como dicen.
Otra gran preocupación es el hecho de que no parece posible cambiar de temas una vez que has comenzado a construir el sitio. Si decides cambiar el tema, se reinicia todo, obligándote a reconstruir desde cero.
Ese es un problema para mí.
Squarespace
Seguramente ya conoces a estos chicos. Están en todas partes.
Podcasts, YouTubers, blogs, vallas publicitarias, televisión, radio, en tu ducha… Dondequiera que estés, Squarespace te encontrará.
Personalmente, encuentro que Squarespace tiene una estética muy limitada y aburrida con sus plantillas de sitios web. En realidad, me vuelve loco.
Se comercializan como la panacea de los creadores de sitios web para todo tipo, pero la mayoría de los ejemplos en su sitio web nunca se desvían mucho de la vibra de hipster-fashionista-influencer de Instagram.
Pero tienen a Idris Elba de su lado, así que… ESTOY VENDIDO.
Shopify
Si estás haciendo comercio electrónico, Shopify son los chicos para ti.
Han dominado el arte de vender cosas en todas partes. Y no solo en tu sitio web. Shopify ayudará a tus clientes a vender sus productos en su sitio web, blog, redes sociales, chatbots, tiendas minoristas y más.
Shopify se integra fácilmente con una multitud de aplicaciones y plataformas, haciendo que cosas como el envío, procesamiento de pagos y cumplimiento de pedidos sean muy fáciles.
Incluso podrías argumentar que fueron pioneros en todo el negocio de dropshipping. (gracias a los hermanos del dropshipping en mis anuncios de YouTube, SHOPIFY)
También tienen una plataforma robusta para partners con múltiples canales para que los diseñadores web construyan su negocio.
Si tu clientela principal serán negocios de comercio electrónico, simplemente no puedes ignorar Shopify.
WordPress
WordPress es el rey de los sitios web. Tanto es así que más del 30% de todos los sitios web están alojados en WordPress.
Y por una buena razón.
WordPress puede ser lo que desees que sea. Es un CMS completamente funcional con una gama interminable de plugins para personalizar tu sitio web según tus necesidades exactas.
Eso, por supuesto, viene con algo de complejidad adicional.
Pero si puedes dominar WordPress, tus oportunidades para administrar un negocio de diseño web exitoso se expandirán drásticamente.
Incluso podrías aprender un poco de desarrollo web en el camino. (el desarrollo web consiste principalmente en trabajo “backend”, cosas que a menudo no ves visualmente en el “frontend” del sitio web)
Además, hay un puñado de plugins de CMS que hacen que construir sitios web con WordPress sea más fácil y divertido. Echemos un vistazo a estas opciones.
WordPress + Elementor
Elementor fue un cambio de juego para diseñadores de WordPress. Y para la industria del diseño web en general.
Nunca en mi vida he visto un producto que haga que diseñar sitios web hermosos sea tan fácil y tan increíblemente divertido. Y a un precio ridículamente asequible.
Si aún no es obvio, WordPress + Elementor es lo que uso para construir todos mis sitios web en estos días.
Amo Elementor con todo mi ser. Y los desarrolladores continúan mejorándolo cada mes con nuevos lanzamientos y actualizaciones.
Tienen una versión gratuita, así que no tienes excusa para no probarlo por ti mismo y ver de qué estoy hablando.
WordPress + Beaver Builder
Nunca he usado Beaver Builder antes, pero he escuchado cosas buenas sobre él.
Y lo que me encanta especialmente es que es pequeño. Beaver Builder está compuesto por 3 chicos haciendo algo que aman. Me identifico mucho con eso.
Podrías argumentar que Beaver Builder es el OG Elementor. Existía mucho antes, y sus principios fundacionales son muy similares.
Elementor simplemente se basó en Beaver Builder… y creó algo mejor.
El estudiante se convierte en el maestro…
WordPress + Divi
Ahora, DIVI ha estado en el mercado un poco más tiempo.
Antes de Beaver Builder y Elementor, Divi popularizó la idea de integrar un CMS más sencillo sobre WordPress.
Pero algunos argumentarían que Divi se ha convertido en un poco un dinosaurio en esta época. Con el tiempo, se ha vuelto lentamente obeso con “características” e integraciones innecesarias.
Sin embargo, los grandes jugadores siempre tienen su parte de detractores y críticos. Divi sigue siendo uno de los CMS más populares del mundo, así que no lo descartes demasiado rápido.
2) Consume TODO el contenido sobre esa herramienta
Así que has elegido tu creador de sitios web favorito. Ahora, es hora de aprender todo y cualquier cosa sobre él.
Blogs de diseño web, YouTubers de diseño web, podcasts de diseño web, libros de diseño web, y mucho más están disponibles para que los consumas. Mucho de ello gratis.
Es hora de encerrarte en el sótano de tu madre y ponerte a nerdear.
Notarás que no enumeré ningún curso de diseño web aquí… 😉
Blogs y YouTubers de Weebly
Aquí hay algunos recursos para comenzar con Weebly:
Blogs y YouTubers de Wix
Aquí hay algunos recursos para comenzar con Wix:
Tutoriales de Wix de Website Builder Expert
Canal de YouTube de Greg GottFried
Canal de YouTube High on Design
Academia de Entrenamiento de Wix
Canal de YouTube de la Academia de Entrenamiento de Wix
Blogs y YouTubers de Squarespace
Aquí hay algunos recursos para comenzar con Squarespace:
Solopreneur Sidekick
Canal de YouTube de Solopreneur Sidekick
Canal de YouTube Boldly Fine
Blogs y YouTubers de Shopify
Aquí hay algunos recursos para comenzar con Shopify:
(Hay muchos, MUCHOS bloggers y YouTubers de Shopify. El problema es que la mayoría de ellos están completamente centrados en dropshipping o impresión de camisetas, no en diseño web de Shopify. Si conoces alguno que recomiendes, házmelo saber y lo agregaré aquí!)
Blogs y YouTubers de WordPress
Aquí hay algunos recursos para comenzar con WordPress:
Blogs y YouTubers de WordPress + Elementor
Aquí hay algunos recursos para comenzar con Elementor:
Tutoriales de Elementor de WP Crafter
Tutoriales de Elementor de WP Tuts
Canal de YouTube de Ferdy Korpershoek
Blogs y YouTubers de WordPress + Beaver Builder
Aquí hay algunos recursos para comenzar con Beaver Builder:
Tutoriales de Beaver Builder de WP Crafter
Tutoriales de Beaver Builder de Press Avenue
Blog de WPBeaver Addons
Blogs y YouTubers de WordPress + Divi
Aquí hay algunos recursos para comenzar con Divi (por Elegant Themes):
WP Gears
Tutoriales de Divi de MAKTV
Tutoriales de Divi de Josh Hall
DiviSoup
3) Elige un nicho de diseño web
La industria del diseño web es ultra-competitiva. Será muy difícil que te destaques entre la multitud y que consigas tu propia parte del pastel.
Una de las estrategias de marketing más probadas y verdaderas es identificar un nicho de diseño web de baja competencia, y luego hacerte el experto en dicho nicho.
No es suficiente con simplemente decir a la gente que haces sitios web hermosos. Millones de diseñadores web hacen lo mismo exactamente.
¡Es hora de hacer fluir esa creatividad!
Cuando se trata de nichos de diseño web, hay básicamente dos categorías:
Nichos de carácter
Nichos de industria
¿Aún confuso? Aquí hay algunas ideas para ti:
Nichos de diseño web de carácter
Rápido
Asequible
Premium
Ligero
Móvil
Responsivo
Simple
Complejo
Minimalista
Animado
3D
VR
Nichos de diseño web de industria
Restaurantes
Odontólogos
Optometristas
Gimnasios
Jardineros
Fontaneros
Techadores
Surfistas
Blogueros
Influencers de redes sociales
Startups
Escuelas
Contadores
Limpieza
y más y más…
Y desde aquí puedes especializarte incluso más.
Por ejemplo, ¿por qué detenerse en construir sitios web para blogueros? ¿Por qué no construir sitios web para blogueros de finanzas personales?
¿Construyes sitios web para restaurantes? ¿O construyes sitios web para restaurantes chinos?
¿Sitios web para influencers de redes sociales? ¿O sitios web para influencers de Instagram?
Especializarse te ayudará a dirigirte a audiencias ultra-específicas y a clasificar más alto para palabras clave menos competitivas.
Recuerda, no significa que tengas que construir sitios web para solo este tipo de cliente por el resto de tu vida. Especializarse es solo una excelente manera de abrir la puerta y construir una sólida fundación desde la que puedas avanzar a tu próximo nicho en el futuro.
Y también puedes mezclar y combinar tu nicho. Combinar nichos de carácter con nichos de industria para crear un llamado a la acción hiper dirigidos es muy divertido.
Algunos ejemplos:
Diseño web simple y ligero para restaurantes mexicanos.
Diseño web poderoso y minimalista para startups tecnológicas.
Diseño web enfocado en móvil para estudios de yoga.
¡Las posibilidades son infinitas!
4) Practica, practica, practica
Has elegido tu creador de sitios web favorito, consumido todo el contenido que pudiste encontrar sobre ese creador, y elegido un nicho específico para tu negocio de diseño web.
Ahora es el momento de ponerse a trabajar.
Cuando alguien decide que quiere aprender a tocar la guitarra, no espera convertirse en Jimi Hendrix de la noche a la mañana.
Entonces, ¿por qué son tan impacientes tantos aspirantes a diseñadores web?
Aprender diseño web es exactamente lo mismo que aprender cualquier otra cosa. Toma tiempo, paciencia, compromiso y práctica constante.
Afortunadamente, no tiene que tomar ni cerca de 10,000 horas o cientos de dólares en cursos de diseño web para aprender diseño web. Gracias a muchas de las herramientas y recursos que revisamos antes.
Una de las formas más simples de obtener buena práctica, y posiblemente incluso ganar unos dólares, es usar Google Maps para encontrar clientes de sitios web.
Ve a Google Maps y busca tu vecindario. Luego encuentra todos los restaurantes, consultorios dentales, tiendas minoristas, salones de uñas y barberías y revisa sus perfiles.
En él, encontrarás un enlace a su sitio web. (O no encontraras un enlace en absoluto, lo cual es aún mejor. ¡Eso significa que ni siquiera tienen un sitio web!)
Si su sitio es un desastre, extrae la mayor cantidad de contenido que puedas de él, luego reconstruye el sitio para ellos. No, no estoy bromeando.
Luego, una vez que hayas terminado, envíales un correo electrónico con un enlace a su nuevo sitio web brillante y solicita su opinión.
Si les encanta, vénselos.
Al usar este método, podrás adquirir una gran cantidad de experiencia valiosa construyendo sitios web para tu nicho específico.
Eventualmente, agilizarás tu proceso hasta el punto en que podrás construir un sitio completamente nuevo en solo unas pocas horas.
5) Véndete como un experto en esa herramienta/nicho
Esta es la parte que la mayoría de ustedes va a odiar más. Sé que yo lo hago.
Ventas.
Es una cosa tener las habilidades de diseño web y la experiencia, pero convencer a otros de que las tienes es un desafío completamente diferente.
Sé que hay muchos diseñadores web hábiles y experimentados que están luchando por encontrar trabajo.
Por lo general, es porque no han pasado suficiente tiempo elaborando la historia de su marca…
Cuenta tu historia
Piénsalo. Hay millones de diseñadores web de los que tus clientes pueden elegir. ¿Por qué debería elegirte?
¿Por qué deberían trabajar contigo tú? ¿Qué traes a la mesa tú? ¿Quién eres tú?
Podrías pensar que eres aburrido. Que no tienes una historia interesante que contar. No lo eres. Y sí la tienes.
Contar una historia convincente e integrarla en tu marca es una de las formas más importantes de diferenciarte de tu competencia.
Piénsalo bien sobre tu marca. ¿Qué historia quieres contar?
Aquí hay algunos libros para ayudarte a comenzar con la historia de tu marca:
Construye ese portafolio
La parte más difícil de comenzar un negocio de diseño web es conseguir esos primeros clientes. Resulta que la gente es bastante reacia a contratar diseñadores web que no tienen prueba de sus habilidades y capacidades. Vaya sorpresa.
Conseguir clientes de diseño web cuando no tienes un portafolio será tu mayor desafío. La buena noticia es que, a partir de ahí, solo se hace más fácil.
La verdad es que, probablemente necesitarás hacer algo de trabajo gratis, o a un precio muy bajo. Esto elimina todo el riesgo de contratar a un diseñador web nuevo.
Al ofrecer tus servicios de diseño web de forma gratuita, lograrás 6 cosas:
Te destacarás entre la multitud (porque nadie está ofreciendo diseño web gratis, lo garantizo)
Alivias toda la preocupación y ansiedad de tu cliente sobre contratar a un diseñador web inexperto
Construyes un sitio web impresionante que ahora puedes agregar a tu portafolio, atrayendo nuevos negocios futuros
Adquieres una nueva relación que agregar a tu red para posibles referencias futuras
Obtienes una reseña de 5 estrellas para agregar a tu perfil de Google Places
Si no obtienes una reseña de 5 estrellas, obtienes retroalimentación valiosa sobre por qué no y mejoras para la próxima vez
Créeme, hay mucho valor en todo eso.
Así que no te desanimes demasiado rápido con la idea de trabajar gratis para construir ese portafolio.
Finalmente, toma acción
¡Felicidades! Has llegado al final del post. (lo cual es mucho considerando lo poco que la gente lee hoy en día)
Para recapitular, aquí tienes tu plan de 5 pasos para aprender diseño web rápido:
Elige un creador de sitios web
Consume todo el contenido sobre ese creador de sitios web
Elige un nicho de diseño web
Practica, practica, practica
Véndete como un experto en tu nicho/creador
Es un plan super simple. El resto solo requiere trabajo duro y compromiso. No pasará nada si pasas cada noche viendo 5 horas de Netflix y refrescando tu feed de Instagram.
No quiero escuchar excusas, ¿de acuerdo?
He terminado de hablar. ¡Vamos a trabajar!
Preguntas Frecuentes
Preguntas frecuentes que recibo sobre aprender diseño web.
¿Cómo me convierto en un diseñador web?
Sigue este plan de 5 pasos:
Elige tu creador de sitios web favorito.
Consume todos los blogs y canales de YouTube que puedas encontrar sobre ese creador de sitios web.
Elige un nicho para tu negocio de diseño web.
Practica, practica, practica.
Véndete como un experto en tu nicho/creador de sitios web.
¿Cuánto tiempo lleva aprender diseño web?
Todo depende de ti y de cuán comprometido estés a aprenderlo. Si aprendes diseño web como una actividad secundaria, como lo hice yo, probablemente te llevará alrededor de un año antes de que comiences a conseguir tus primeros clientes. ¡Pero siempre puedes hacerlo más rápido si eres persistente, o más lento si eres perezoso!
¿Cuál es el salario promedio de un diseñador web?
A partir de 2019, el salario promedio de un diseñador web en Canadá es de alrededor de $45,000. Pero esto varía en todo el mundo, y aún más si tienes tu propio negocio de diseño web como freelancer.
TIP PRO: Es mejor que trabajes como freelancer y comiences tu propio negocio de diseño web.
¿Cómo puedo aprender diseño web gratis?
Toda la información que necesitas está disponible de forma gratuita. No necesitas comprar cursos de diseño web caros. Google y YouTube son tus mejores amigos. Investiga, practica y luego comienza a trabajar en el plan de 5 pasos del que acabamos de hablar.
¿Es el diseño web una buena opción para el estilo de vida de nómada digital?
ABOLUTAMENTE. Tanto es así que escribí todo un post sobre por qué el diseño web es la elección perfecta para los nómadas digitales.
¿Tengo que aprender desarrollo web para aprender diseño web? ¿Cuál es la diferencia?
El diseño web es lo que puedes ver, el contenido visual de un sitio web. El desarrollo web es lo que no puedes ver, el trabajo que ocurre tras bambalinas. El desarrollo web incluye cosas como codificación, programación, API, integraciones, etc.
Leer más
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.