Cómo aprender diseño web RÁPIDO (El proceso de 5 pasos)
Domine los conceptos básicos del diseño web con un plan claro de cinco pasos que lo lleva desde el diseño hasta el lanzamiento en tiempo récord, incluso si recién está comenzando.
Aprender diseño web es más simple y rápido que nunca.
Eso no significa que no requerirá mucho trabajo. Solo significa que es mucho más simple de lo que solía ser.
Cada otro blog de diseño web le dirá que haga cosas como aprender codificación, programación, desarrollo web y gestión de servidores. Que necesita tomar un curso de diseño web para aprender diseño web adecuadamente.
O le dirán que es demasiado tarde para convertirse en diseñador web y que en su lugar deberíamos prepararnos para inclinarnos ante nuestros señores robots impulsados por IA.
No voy a decirle ninguna de esas tonterías. (aunque el jurado aún está deliberando sobre esos señores robots…)
En cambio, voy a compartir un proceso simple de 5 pasos con usted. Este proceso lo preparará para convertirse en diseñador web o incluso iniciar su propio negocio de diseño web en muy poco tiempo.
Es decir, si realmente sigue el proceso al pie de la letra.
1) Elija 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 punto, hay literalmente docenas de creadores de sitios web disponibles para usted. Para simplificar, vamos a limitar nuestras opciones a los 8 creadores de sitios web más comúnmente utilizados.
Tenga en cuenta que casi todos estos creadores de sitios web tienen una versión de prueba gratuita. Así que pruébelos todos y descubra cuál tiene más sentido para usted.
No hay elecciones incorrectas aquí. Solo se trata de preferencia personal.
Los he clasificado sin ningún orden en particular, pero compartiré mi opinión personal sobre cada uno a medida que avanzamos. ¡Vamos a profundizar!
Weebly
Tengo un lugar especial en mi corazón para Weebly. Son una gran razón por la que ahora tengo un negocio de diseño web exitoso.
Estaba justo donde usted está ahora cuando comencé mi viaje de diseño web. No sabía nada sobre desarrollo web, codificación, programación, servidores y todo eso.
Ni siquiera sabía nada sobre los fundamentos del diseño web. Cosas como experiencia de usuario, optimización del rendimiento, diseño gráfico y llamadas a la acción claras eran desconocidas 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 lo básico del diseño web sin preocuparme por todo lo técnico. Usé Weebly para comenzar desde cero, trabajando hasta llegar a docenas de clientes construidos y alojados en su plataforma.
Eventualmente, a medida que mi conocimiento, experiencia y habilidades mejoraron, superé Weebly y me trasladé a WordPress + Elementor.
Pero si usted es un completo novato como yo lo era, Weebly es un gran lugar para comenzar su viaje de 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. Hicieron una campaña 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, por la experiencia limitada que tengo con él, funciona 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 culpe a la herramienta, culpe al hombre que la maneja, como dicen.
Otra gran preocupación es el hecho de que no parece poder cambiar temas una vez que ha comenzado a construir el sitio. Si elige cambiar el tema, restablece todo, obligándolo a reconstruir desde cero.
Eso es un problema para mí.
Squarespace
Seguramente ya sabe todo sobre estos chicos. Están en todas partes.
Podcasts, YouTubers, blogs, vallas publicitarias, TV, radio, en su ducha… Dondequiera que esté, Squarespace lo encontrará.
Personalmente, encuentro que Squarespace tiene una estética muy limitada y aburrida con sus plantillas de sitios web. Realmente me vuelve loco.
Se comercializan a sí mismos como el todo-en-uno de los creadores de sitios web para todo tipo, pero la mayoría de los ejemplos en su sitio web nunca se alejan mucho del ambiente de hipster-fashionista-influencer de Instagram.
Pero, tienen a Idris Elba de su lado, así que… ESTOY VENDIDO.
Shopify
Si está haciendo comercio electrónico, Shopify son los chicos para usted.
Han dominado el arte de vender cosas en todas partes. Y no solo en su sitio web. Shopify ayudará a sus clientes a vender sus productos en su sitio web, blog, redes sociales, chat bots, tiendas minoristas y más.
Shopify se integra fácilmente con una multitud de aplicaciones y plataformas, haciendo que cosas como el envío, el procesamiento de pagos y el cumplimiento de pedidos sean muy fáciles.
Incluso podría argumentar que ellos fueron los pioneros en todo el negocio de envío directo. (gracias por los bros de envío directo en mis anuncios de YouTube, SHOPIFY)
También tienen una plataforma de socios robusta con múltiples canales para que los diseñadores web construyan su negocio.
Si su principal clientela serán empresas de comercio electrónico, simplemente no puede ignorar Shopify.
WordPress
WordPress es el rey de los sitios web. Tanto así que más del 30% de todos los sitios web funcionan con WordPress.
Y por una buena razón.
WordPress puede ser lo que usted quiera que sea. Es un CMS completamente funcional con una infinidad de plugins para personalizar su sitio web a sus necesidades exactas.
Eso, por supuesto, viene con una mayor complejidad.
Pero si puede dominar WordPress, sus oportunidades para dirigir un negocio de diseño web exitoso se expandirán drásticamente.
Incluso podría aprender un poco de desarrollo web en el camino. (el desarrollo web consiste principalmente en trabajo “backend”, cosas que a menudo no se ven 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 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 ridículamente asequible.
Si no es obvio aún, 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 tiene excusa para no probarlo usted mismo y ver de qué estoy hablando.
WordPress + Beaver Builder
Nunca he usado Beaver Builder antes, pero he oído cosas buenas sobre él.
Y lo que particularmente me encanta es que es pequeño. Beaver Builder está compuesto por 3 chicos que simplemente hacen algo que aman. Me identifico fuertemente con eso.
Podría argumentar que Beaver Builder es el OG de Elementor. Estuvo presente mucho antes, y sus principios fundacionales son muy similares.
Elementor simplemente construyó sobre Beaver Builder… y creó algo mejor.
El estudiante se convierte en el maestro…
WordPress + Divi
Ahora, DIVI ha estado presente un poco más de tiempo.
Antes de Beaver Builder y Elementor, Divi popularizó la idea de integrar un CMS más simple sobre WordPress.
Pero algunos argumentarían que Divi se ha convertido en un poco de dinosaurio en esta época. Con el tiempo, se ha vuelto lentamente inflado con “características” e integraciones innecesarias.
Sin embargo, los grandes jugadores siempre tienen su parte justa de detractores y críticos. Divi sigue siendo uno de los CMS más populares del mundo, así que no lo descarte demasiado rápido.
2) Consuma TODO el contenido sobre esa herramienta
Así que ha elegido su creador de sitios web preferido. 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 su consumo. Mucho de ello de forma gratuita.
Es hora de encerrarse en el sótano de su mamá y ponerse a nerdear.
Notará que no mencioné 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:
Blogs y YouTubers de Squarespace
Aquí hay algunos recursos para comenzar con Squarespace:
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 el envío directo o la impresión de camisetas, no en el diseño web de Shopify. Si conoce alguno que recomendaría, hágamelo 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:
Blogs y YouTubers de WordPress + Beaver Builder
Aquí hay algunos recursos para comenzar con Beaver Builder:
Blogs y YouTubers de WordPress + Divi
Aquí hay algunos recursos para comenzar con Divi (por Elegant Themes):
3) Elija un nicho de diseño web
La industria del diseño web es ultra-competitiva. Va a ser muy difícil para usted destacarse del grupo y tallar su 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, luego convertirse en el experto de dicho nicho.
No es suficiente simplemente decirle a la gente que hace sitios web hermosos. Millones de diseñadores web hacen lo exactamente mismo.
¡Es hora de hacer fluir esos jugos creativos!
Cuando se trata de nichos de diseño web, básicamente hay dos categorías:
-
Nichos de carácter
-
Nichos de industria
¿Todavía confundido? Aquí hay algunas ideas para usted:
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
-
Dentistas
-
Optometristas
-
Gimnasios
-
Paisajistas
-
Fontaneros
-
Techadores
-
Surfistas
-
Bloggers
-
Influencers de redes sociales
-
Startups
-
Escuelas
-
Contadores
-
Limpiadores
-
y así sucesivamente…
Y desde aquí puede especializarse aún más.
Por ejemplo, ¿por qué detenerse en construir sitios web para bloggers? ¿Por qué no construir sitios web para bloggers de finanzas personales?
¿Construye sitios web para restaurantes? ¿O construye sitios web para restaurantes chinos?
¿Sitios web para influencers de redes sociales? ¿O sitios web para influencers de Instagram?
Especializarse le ayudará a dirigirse a audiencias ultra-específicas y clasificar más alto para palabras clave menos competitivas.
Recuerde, no significa que tenga que construir sitios web para solo este tipo de cliente por el resto de su vida. Especializarse es solo una gran manera de poner un pie en la puerta y construir una base sólida desde la cual lanzarse a su próximo nicho en el futuro.
Y también puede mezclar y combinar su 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 móviles para estudios de yoga.
¡Las posibilidades son infinitas!
4) Practique, practique, practique
Ha elegido su creador de sitios web favorito, consumido todo el contenido que pudo encontrar sobre ese creador, y elegido un nicho específico para su negocio de diseño web.
Ahora, es hora 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é es que 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 tomar en ningún lugar cercano a 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 vimos antes.
Una de las formas más simples de obtener una buena práctica, y posiblemente incluso ganar algunos dólares, es usar Google Maps para encontrar clientes de sitios web.
-
Ingrese a Google Maps y busque su vecindario. Luego encuentre todos los restaurantes, consultorios dentales, tiendas minoristas, salones de uñas y barberías y revise sus perfiles.
-
En él, encontrará un enlace a su sitio web. (O no encontrará un enlace en absoluto, lo cual es aún mejor. ¡Eso significa que ni siquiera tienen un sitio web!)
-
Si su sitio es basura, extraiga tanto contenido de él como pueda, luego reconstruyalo para ellos. No, no estoy bromeando.
-
Luego, una vez que haya terminado, envíeles un correo electrónico con un enlace a su sitio web completamente nuevo, y pida su opinión.
-
Si les encanta, véndaselo.
Al usar este método, podrá ganar toneladas de experiencia valiosa construyendo sitios web para su nicho específico.
Eventualmente, optimizará su proceso hasta el punto en que podrá construir un sitio nuevo completo en solo unas pocas horas.
5) Véndase como un experto en esa herramienta/nicho
Esta es la parte que la mayoría de ustedes va a odiar más. Yo sé que yo lo hago.
Ventas.
Es una cosa tener las habilidades de diseño web y la experiencia, pero ser capaz de convencer a otros de que las tiene es un desafío completamente diferente.
Conozco a tantos diseñadores web hábiles y experimentados que están luchando por encontrar trabajo.
Por lo general, es porque no han pasado suficiente tiempo creando la historia de su marca…
Cuente su historia
Piénselo. Hay millones de diseñadores web para que sus clientes elijan. ¿Por qué deberían elegirlo a usted?
¿Por qué deberían trabajar con usted? ¿Qué aporta usted a la mesa? ¿Quién es usted?
Podría pensar que es aburrido. Que no tiene una historia interesante que contar. No lo es. Y sí la tiene.
Contar una historia convincente e integrarla en su marca es una de las formas más importantes de diferenciarse de su competencia.
Piense realmente en su marca. ¿Qué historia quiere contar?
Aquí hay algunos libros para ayudarle a comenzar con la historia de su marca:
Construya 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 aprensiva a la hora de contratar diseñadores web que no tienen ninguna prueba de sus habilidades y capacidades. Vaya figura.
Conseguir clientes de diseño web cuando no tiene portafolio será su mayor desafío. La buena noticia es que solo se vuelve más fácil a partir de ahí.
La verdad es que probablemente necesitará hacer algún trabajo gratis, o con un gran descuento. Esto elimina todo el riesgo de contratar a un diseñador web nuevo.
Al ofrecer sus servicios de diseño web de forma gratuita, logra 6 cosas:
-
Se destaca de la multitud (porque nadie está ofreciendo diseño web gratuito, se lo garantizo)
-
Alivia toda la preocupación y ansiedad de su cliente acerca de contratar a un diseñador web sin experiencia
-
Construye un sitio web impresionante que ahora puede agregar a su portafolio, atrayendo nuevos negocios futuros
-
Gana una nueva relación para agregar a su red para posibles referencias futuras
-
Obtiene una reseña de 5 estrellas para agregar a su perfil de Google Places
-
Si no obtiene una reseña de 5 estrellas, obtiene comentarios valiosos sobre por qué no y mejora para la próxima vez
Confíe en mí, hay mucho valor en todo eso.
Así que no se resista demasiado rápido a la idea de trabajar gratis para construir ese portafolio.
Finalmente, tome acción
¡Felicidades! Ha llegado al final de la publicación. (lo cual es honestamente mucho considerando lo poco que la gente lee en estos días)
Para recapitular, aquí está su plan de 5 pasos para aprender diseño web rápido:
-
Elija un creador de sitios web
-
Consuma todo el contenido sobre ese creador de sitios web
-
Elija un nicho de diseño web
-
Practique, practique, practique
-
Véndase como un experto en su nicho/creador
Es un plan súper simple. El resto solo requiere trabajo duro y compromiso. Nada va a suceder si pasa cada noche viendo 5 horas de Netflix y actualizando su feed de Instagram.
No quiero escuchar ninguna excusa, ¿de acuerdo?
He terminado de hablar. ¡Pongámonos a trabajar!
Preguntas frecuentes
Preguntas frecuentes que recibo sobre aprender diseño web.
¿Cómo me convierto en diseñador web?
Siga este plan de 5 pasos:
-
Elija su creador de sitios web favorito.
-
Consuma todos los blogs y canales de YouTube que pueda encontrar sobre ese creador de sitios web.
-
Elija un nicho para su negocio de diseño web.
-
Practique, practique, practique.
-
Véndase como un experto en su nicho/creador de sitios web.
¿Cuánto tiempo lleva aprender diseño web?
Todo depende de usted, y de cuán comprometido esté en aprenderlo. Si aprende diseño web como un trabajo secundario, como lo hice yo, probablemente le llevará alrededor de un año antes de comenzar a obtener sus primeros clientes. Pero siempre puede hacerlo más rápido si es persistente, o más lento si es 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 tiene su propio negocio de diseño web como freelancer.
CONSEJO PROFESIONAL: Es mejor trabajar como freelancer e iniciar su propio negocio de diseño web.
¿Cómo puedo aprender diseño web gratis?
Toda la información que necesita está disponible de forma gratuita. No necesita comprar cursos de diseño web costosos. Google y YouTube son sus mejores amigos. Haga la investigación, practique, luego póngase 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 nómada digital?
ABSOLUTAMENTE. Tanto así que escribí una publicación completa 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 puede ver, el contenido visual de un sitio web. El desarrollo web es lo que no puede ver, el trabajo que se realiza detrás de escena. El desarrollo web incluye cosas como codificación, programación, API’s, integraciones, etc.
