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 sencillo y rápido que nunca.
Eso no significa que no requiera mucho trabajo. Simplemente significa que es mucho más simple de lo que solía ser.
Cualquier otro blog de diseño web te dirá que hagas cosas como aprender a programar, desarrollar aplicaciones 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 un diseñador web y que en cambio deberíamos prepararnos para rendirnos ante nuestros señores robots impulsados por IA.
No voy a decirte ninguna de esas tonterías. (aunque todavía no hay un veredicto sobre esos señores robots...)
En su lugar, voy a compartir un sencillo proceso de 5 pasos contigo. Este proceso te preparará para convertirte en diseñador web o incluso comenzar tu propio negocio de diseño web en un abrir y cerrar de ojos.
Esto es, 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 fin de simplificar, limitaremos 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 incorrectas aquí. Todo se reduce a la preferencia personal.
Los he clasificado sin 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. Son una gran razón por la que ahora tengo un negocio de diseño web exitoso hoy.
Estuve justo donde estás ahora cuando comencé mi camino en el diseño web. No sabía nada sobre desarrollo web, 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 a la acción claras eran ajenas para mí.
Pero sabía que los propietarios de pequeñas empresas estaban desesperados por obtener 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 las cosas técnicas. Usé Weebly para empezar desde cero, trabajando mi camino hasta decenas de clientes creados y alojados en su plataforma.
Eventualmente, a medida que mis conocimientos, experiencia y habilidades mejoraron, superé a Weebly y hice la transición a WordPress + Elementor.
Pero si eres un completo principiante como lo fui yo, Weebly es un gran lugar para comenzar tu viaje en el diseño web. Su interfaz de usuario es con mucho la más simple y fácil de usar.
Wix
Wix está fácilmente en el top 3 de los creadores de sitios web más populares. Se lanzaron comercialmente 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)
En lo que respecta a su producto, por la experiencia limitada 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 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 parece que no puedes cambiar de temas una vez que has comenzado a construir el sitio. Si decides cambiar el tema, se restablece todo, obligándote a reconstruir desde cero.
Eso es un problema para mí.
Squarespace
Seguramente ya sabes todo sobre ellos. 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 el todo, la solución definitiva 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.
Sin embargo, tienen a Idris Elba en su esquina así que... ¡ESTOY VENDIDO!
Shopify
Si estás haciendo comercio electrónico, Shopify es la opción 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 variedad de aplicaciones y plataformas, haciendo que cosas como el envío, el procesamiento de pagos y la gestión de pedidos sean un juego de niños.
Incluso podrías argumentar que fueron pioneros en todo el negocio de dropshipping. (gracias a los hermanos de dropshipping en mis anuncios de YouTube, SHOPIFY)
También tienen una sólida plataforma de socios 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 a Shopify.
WordPress
WordPress es el rey de los sitios web. Tanto así que más del 30% de todos los sitios web están en WordPress.
Y por una buena razón.
WordPress puede ser lo que quieras que sea. Es un CMS completamente funcional con una interminable variedad de complementos para personalizar tu sitio web a tus necesidades exactas.
Eso, por supuesto, viene con alguna complejidad adicional.
Pero si puedes dominar WordPress, tus oportunidades para gestionar un negocio de diseño web exitoso se expandirán drásticamente.
Incluso podrías aprender un poco sobre desarrollo web en el camino. (el desarrollo web consiste principalmente en trabajo de "backend", cosas que a menudo no ves visualmente en el "frontend" del sitio web)
Además, hay un puñado de complementos de CMS que facilitan y hacen más divertida la creación de sitios web con WordPress. Echemos un vistazo a estas opciones.
WordPress + Elementor
Elementor fue un parteaguas para los diseñadores de WordPress. Y para la industria del diseño web en su conjunto.
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 absurdamente 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 nuevas versiones y actualizaciones.
Tienen una versión gratuita, así que no tienes excusa para no probarlo tú mismo y ver de qué hablo.
WordPress + Beaver Builder
Nunca he usado Beaver Builder antes, pero he escuchado cosas buenas sobre él.
Y lo que particularmente me encanta de él es que es pequeño. Beaver Builder está formado por 3 personas que simplemente están haciendo algo que aman. Me identifico mucho con eso.
Podrías argumentar que Beaver Builder es el OG Elementor. Existió mucho antes, y sus principios fundacionales son muy similares.
Elementor simplemente se basó en Beaver Builder... y mejoró algo.
El estudiante se convierte en el maestro...
WordPress + Divi
Ahora, DIVI ha existido un poco más de tiempo.
Antes de Beaver Builder y Elementor, Divi popularizó la idea de integrar un CMS más simple encima de WordPress.
Pero algunos argumentarían que Divi se ha convertido en un poco de un dinosaurio en esta época. Con el tiempo, ha ido convirtiéndose lentamente en algo pesado con "características" e integraciones innecesarias.
Sin embargo, los grandes siempre tienen su parte justa de detractores y enemigos. Divi sigue siendo uno de los CMS más populares en el mundo, así que no lo descartes demasiado rápido.
2) Consume TODO el contenido relacionado con esa herramienta
Así que has elegido tu creador de sitios web favorito. Ahora es el momento 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 tu consumo. Gran parte de ello es gratuito.
Es hora de encerrarte en el sótano de tu mamá y empezar a nerdear.
Notarás que no enumeré ningún curso de diseño web aquí... 😉
Blogs y YouTubers de Weebly
Aquí tienes algunos recursos para comenzar con Weebly:
Blogs y YouTubers de Wix
Aquí tienes algunos recursos para comenzar con Wix:
Blogs y YouTubers de Squarespace
Aquí tienes algunos recursos para comenzar con Squarespace:
Blogs y YouTubers de Shopify
Aquí tienes 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 el dropshipping o la impresión de camisetas, no en el diseño web de Shopify. Si conoces alguno que recomendarías, házmelo saber y lo agregaré aquí!)
Blogs y YouTubers de WordPress
Aquí tienes algunos recursos para comenzar con WordPress:
Blogs y YouTubers de WordPress + Elementor
Aquí tienes algunos recursos para comenzar con Elementor:
Blogs y YouTubers de WordPress + Beaver Builder
Aquí tienes algunos recursos para comenzar con Beaver Builder:
Blogs y YouTubers de WordPress + Divi
Aquí tienes algunos recursos para comenzar con Divi (de Elegant Themes):
3) Elige un nicho de diseño web
La industria del diseño web es ultra-competitiva. Va a ser muy difícil para ti destacar entre la multitud y esculpir tu propio pedazo 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 convertirte en el experto de dicho nicho.
No es suficiente con simplemente decirle a la gente que haces sitios web hermosos. Millones de diseñadores web hacen lo mismo exacto.
¡Es hora de dejar 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 confundido? Aquí tienes algunas ideas para ti:
Nichos de diseño web de carácter
Rápido
Asequible
Premium
Ligero
Móvil
Responsive
Simple
Complejo
Minimalista
Animado
3D
VR
Nichos de diseño web de industria
Restaurantes
Dentistas
Optometristas
Gimnasios
Jardineros
Fontaneros
Cubiertas
Surfistas
Blogueros
Influencers en redes sociales
Startups
Escuelas
Contadores
Limpieza
y así sucesivamente…
Y a partir de aquí, puedes especializarte aún más.
Por ejemplo, ¿por qué detenerse en construir sitios web para blogueros? ¿Por qué no construir sitios para blogueros de finanzas personales?
¿Construyes sitios web para restaurantes? ¿O construyes sitios web para restaurantes chinos?
¿Sitios web para influencers en redes sociales? ¿O sitios web para influencers de Instagram?
Especializarse te ayudará a apuntar a audiencias ultra-específicas y clasificar más alto para palabras clave menos competitivas.
Recuerda, no significa que debas construir sitios web para solo este tipo de cliente durante el resto de tu vida. Especializarse es solo una gran manera de introducirte en la puerta y construir una base sólida desde la que saltar 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-dirigido 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 dispositivos móviles para estudios de yoga.
¡Las posibilidades son infinitas!
4) Practica, practica, practica
Elegiste tu creador de sitios web favorito, consumiste todo el contenido que pudiste encontrar sobre ese creador y elegiste 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é tantos aspirantes a diseñadores web son tan impacientes?
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 llevar 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 un par de dólares, es usar Google Maps para encontrar clientes de sitios web.
Entra a Google Maps y busca tu vecindario. Luego encuentra todos los restaurantes, consultorios dentales, tiendas al por menor, salones de uñas y barberías y revisa sus perfiles.
Ahí encontrarás un enlace a su sitio web. (O no encontrarás un enlace en absoluto, lo que es aún mejor. ¡Eso significa que ni siquiera tienen un sitio web!)
Si su sitio es basura, extrae tanto contenido de él como puedas, luego reconstruye su sitio. No, no estoy bromeando.
Luego, una vez que termines, envíales un correo electrónico con un enlace a su nuevo y brillante sitio web y pide sus comentarios.
Si les encanta, véndeselo.
Al usar este método, podrás obtener una gran cantidad de experiencia valiosa construyendo sitios web para tu nicho específico.
Eventualmente, simplificarás tu proceso hasta el punto en que podrás construir un nuevo sitio entero en solo unas pocas horas.
5) Véndete a ti mismo 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 y el conocimiento de diseño web, pero poder convencer a otros de que las tienes es un desafío completamente diferente.
Conozco a muchos diseñadores web habilidosos y experimentados que están luchando por encontrar trabajo.
Generalmente, 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ían elegirte a ti?
¿Por qué deberían trabajar contigo tú? ¿Qué traes a la mesa? ¿Quién eres?
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 deseas 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 recelosa a la hora de contratar diseñadores web que no tienen pruebas de sus habilidades y capacidades. Ya puedes imaginarlo.
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 va volviendo más fácil.
La verdad es que, probablemente necesitarás hacer algo de trabajo gratis o a un precio muy reducido. Esto elimina todo el riesgo de contratar a un nuevo diseñador web.
Al ofrecer tus servicios de diseño web de forma gratuita, logras 6 cosas:
Te destacas entre la multitud (porque nadie está ofreciendo diseño web gratuito, te lo garantizo)
Eliminaste toda preocupación y ansiedad de tu cliente sobre contratar a un diseñador web inexperto
Construyes un sitio web sorprendente que ahora puedes agregar a tu portafolio, atrayendo nuevos negocios futuros
Formas una nueva relación para agregar a tu red para posibles referencias futuras
Obtienes una reseña de 5 estrellas para añadir a tu perfil de Google Places
Si no obtienes una reseña de 5 estrellas, recibes comentarios valiosos sobre por qué no y mejoras para la próxima vez
Créeme, hay mucho valor en todo eso.
Así que no te espantes demasiado rápido ante 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 experta en tu nicho/creador
Es un plan súper simple. El resto solo requiere trabajo duro y compromiso. No va a pasar nada si pasas cada noche mirando 5 horas de Netflix y actualizando tu feed de Instagram.
No quiero escuchar excusas, ¿de acuerdo?
He terminado de hablar. ¡Vamos a trabajar!
FAQ’s
Preguntas frecuentes que recibo sobre el aprendizaje del diseño web.
¿Cómo me convierto en 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 se tarda en aprender diseño web?
Eso depende de ti y de cuán comprometido estés a aprenderlo. Si aprendes diseño web como un trabajo secundario, como lo hice yo, probablemente te tome alrededor de un año antes de comenzar 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 aproximadamente $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.
CONSEJO PROFESIONAL: Es mejor trabajar como freelance y comenzar tu propio negocio de diseño web.
¿Cómo puedo aprender diseño web de forma gratuita?
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. Haz la investigación, practica y luego ponte a trabajar en el plan de 5 pasos del que hablamos antes.
¿Es el diseño web una buena opción para el estilo de vida de nómada digital?
ABOSOLUTAMENTE. Tanto así que escribí un artículo completo sobre por qué el diseño web es la opción perfecta para nómadas digitales.
¿Debo 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's, 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.