Cómo Aprender Diseño Web RÁPIDO en 2021 (El Proceso de 5 pasos)

Aprender diseño web en 2021 es más sencillo y rápido que nunca.

Eso no significa que no requiera mucho trabajo. Solo significa que es mucho más simple de lo que solía ser.

Cualquier otro blog de diseño web le dirá que haga cosas como aprender a programar, programar, desarrollar web y administrar servidores. Que necesita 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, en su lugar, deberíamos prepararnos para inclinarnos ante nuestros jefes de robots impulsados por IA.

No voy a contarte ninguna de esas tonterías. (aunque el jurado todavía está en contra de esos jefes de robots

En su lugar, voy a compartir un simple proceso de 5 pasos con ustedes. Este proceso lo preparará para convertirse en un diseñador web o incluso iniciar su propio negocio de diseño web en poco tiempo.

Es decir, si realmente sigues el proceso a una T.

1) Elige una herramienta de diseño web

La verdad es que la barrera de entrada para los diseñadores web nunca ha sido tan fácil. El proceso de diseño web se ha simplificado drásticamente con el aumento de los creadores de sitios web de arrastrar y soltar.

En este punto, hay literalmente docenas de creadores de sitios web disponibles para usted. Con el propósito de simplificar, vamos a limitar nuestras opciones a los 8 creadores de sitios web más utilizados.

Tenga en cuenta que casi todos estos creadores de sitios web tienen una versión de prueba gratuita. Así que pruébalos todos y descubre cuál tiene más sentido para ti.

Aquí no hay opciones equivocadas. Todo se reduce a preferencias personales.

Los he clasificado sin ningún orden en particular, pero compartiré mi opinión personal de cada uno mientras bebemos aquí. ¡Vamos a cavar!

Weebly

tengo un punto suave en mi corazón por Weebly. Son una gran razón por la que ahora tengo un negocio de diseño web exitoso hoy en día.

Estaba justo donde estás 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 la experiencia del usuario, la optimización del rendimiento, el diseño gráfico y las llamadas claras a la acción eran ajenas a 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. Utilicé Weebly para empezar de cero, trabajando hasta llegar a docenas de clientes creados y alojados en su plataforma.

Finalmente, a medida que mejoraban mis conocimientos, experiencia y habilidades, superé Weebly y pasé a WordPress + Elementor.

Pero si eres un novato completo como yo, Weebly es un gran lugar para comenzar tu viaje de diseño web. Su interfaz de usuario es, con mucho, la más simple y fácil de usar.

Wix

Wix se encuentra fácilmente entre los 3 creadores de sitios web más populares. Hicieron una lágrima comercial hace un par de años, pero desde entonces han estado bastante callados. (probablemente porque estaban contentos con las 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 cargarse muy rápidamente.

Por supuesto, puede que no sea un problema con Wix en sí, sino con las personas que lo construyeron. No culpes a la herramienta, culpa al hombre que la maneja, como dicen.

Otra gran preocupación es el hecho de que parece que no puedes cambiar de tema una vez que has comenzado a construir el sitio. Si elige cambiar el tema, se reinicia todo, lo que lo obliga a reconstruir desde cero. Eso es un problema para mí.

Squarespace

Seguro que ya sabes todo sobre estos tipos. Están por todas partes.

Podcasts, YouTubers, blogs, vallas publicitarias, TV, radio, en tu ducha Wherever Estés donde estés, Squarespace te encontrará.

Personalmente encuentro que Squarespace tiene una estética muy limitada y aburrida con sus plantillas de sitios web. De hecho, me vuelve loco.

Se promocionan como los creadores de sitios web para todo tipo, pero la mayoría de los ejemplos en su sitio web nunca se alejan del ambiente hipster, fashionista, influencer en Instagram.

Pero, tienen a Idris Elba en su esquina, así que’M ESTOY VENDIDO.

Shopify

Si vas a hacer e-commerce, Shopify son los chicos para usted.

Han dominado el arte de vender cosas en todas partes. Y no solo su sitio web tampoco. Shopify ayudará a tus 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 multitud de aplicaciones y plataformas, lo que facilita el envío, el procesamiento de pagos y el cumplimiento de pedidos.

Incluso se podría argumentar que fueron 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 sólida plataforma de socios con múltiples canales para que los diseñadores web construyan su negocio.

Si tu clientela principal será un negocio 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 se ejecutan en WordPress.

Y por una buena razón.

WordPress puede ser lo que quieras que sea. Es un CMS completamente funcional con un sinfín de complementos para personalizar su sitio web según sus necesidades exactas.

Que, por supuesto, viene con una mayor complejidad.

Pero si puedes dominar WordPress, tus oportunidades para dirigir 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 de «backend», cosas que a menudo no se ven visualmente en el «frontend» del sitio web)

Además, hay un puñado de complementos de CMS que hacen que la construcción de sitios web con WordPress sea más fácil y divertida. Echemos un vistazo a estas opciones.

WordPress + Elementor

Elementor fue un cambio de juego para los diseñadores de WordPress. Y la industria del diseño web en su conjunto.

Nunca en mi vida he visto un producto que hace que diseñar sitios web magníficos sea tan fácil y tan divertido. Y a un precio tan ridículamente asequible.

Si aún no es obvio, WordPress + Elementor es lo que uso para construir todo mi sitio web en estos días.

Amo a Elementor con todo en mi ser. Y los desarrolladores continúan mejorando cada mes con nuevas versiones y actualizaciones.

Tienen una versión gratuita, por lo que no tienes excusa para no probarlo por ti mismo y ver de qué estoy hablando.

Generador de castores de WordPress +

Nunca he usado Castor Builder antes, pero he oído cosas buenas al respecto.

Y lo que más me gusta de él es que es pequeño. Beaver Builder se compone de 3 chicos que hacen algo que les encanta. Me identifico fuertemente con eso.

Se podría argumentar que Beaver Builder es el elemento OG. Estaba por ahí mucho antes, y sus principios fundacionales son muy similares.

Elementor simplemente construido a partir de Castor Builder made e hizo algo mejor.

El estudiante se convierte en el maestro…

WordPress + Divi

Ahora, DIVI ha existido un poco más.

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 un dinosaurio en esta época. Con el tiempo, se ha hinchado lentamente con «características» e integraciones innecesarias.

Sin embargo, los grandes jugadores siempre tienen su parte justa de detractores y odiadores. Divi sigue siendo uno de los CMS más populares del mundo, así que no lo anotes demasiado rápido.

2) Consume TODO el contenido de esa herramienta

Así que has elegido tu creador de sitios web de referencia. Ahora, es el momento de aprender todo y cualquier cosa al respecto.

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. Gran parte gratis.

Es hora de encerrarse en el sótano de su madre y llegar a nerding.

Notará que no he incluido ningún curso de diseño web aquí

Blogs y YouTubers de Weebly

Aquí hay algunos recursos para que pueda comenzar con Weebly:

  • Blog oficial de Weebly
  • Canal oficial de YouTube de Weebly
  • * cough * Canal de YouTube RapidWebLaunch * cough *
  • * cough * Tutoriales RapidWebLaunch Weebly * cough*

Blogs y YouTubers de Wix

Aquí hay algunos recursos para comenzar con Wix:

  • Blog oficial de Wix
  • Canal oficial de YouTube de Wix
  • Tutoriales de Wix Expertos en Creador de sitios web
  • Canal de YouTube de Greg GottFried
  • Canal de YouTube de alto diseño
  • Academia de Formación de Wix
  • Academia de Formación de Wix canal de YouTube

Blogs y youtubers de Squarespace

Aquí hay algunos recursos para comenzar con Squarespace:

  • Blog oficial de Squarespace
  • Canal oficial de YouTube de Squarespace
  • Compañero de Solopreneur
  • Compañero de Solopreneur Canal de YouTube
  • Canal de YouTube audazmente fino

Shopify blogs y YouTubers

Aquí hay algunos recursos para que puedas empezar a usar Shopify:

  • Shopify Shopify blog oficial
  • Canal oficial de YouTube de 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 sabes de alguno que recomendarías, házmelo saber y lo agregaré aquí.)

los blogs de WordPress y YouTubers

Aquí hay algunos recursos para empezar con WordPress:

  • WPBeginner blog
  • WP Aprendiz
  • Agencia Mavericks
  • WP 101
  • WP Crafter

WordPress + Elementor blogs y YouTubers

Aquí hay algunos recursos para empezar con Elementor:

  • Blog oficial de Elementor
  • Canal oficial de Elementor en YouTube
  • Tutoriales de WP Crafter Elementor
  • Tutoriales de WP Tuts Elementor
  • Canal de YouTube Ferdy Korpershoek

Blogs de WordPress + Castor Builder y YouTubers

Aquí hay algunos recursos para comenzar con Beaver Builder:

  • Blog oficial del Creador de Castores
  • Canal oficial de YouTube del Creador de Castores
  • Tutoriales del creador de castores de WP Crafter
  • Tutoriales del creador de Castores de Press Avenue
  • Blog de complementos de WPBeaver

Blogs y YouTubers de WordPress + Divi

Aquí hay algunos recursos para comenzar con Divi (por Temas Elegantes):

  • Blog oficial de Temas Elegantes
  • Canal oficial de YouTube de Temas elegantes
  • WP Gears
  • Tutoriales Divi de MAKTV
  • Tutoriales Divi de Josh Hall
  • Divisor

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 destacarte de la manada y tallar tu propio pedazo de pastel.

Una de las estrategias de marketing más probadas y verdaderas es identificar un nicho de diseño web de baja competencia, luego conviértase en el experto de dicho nicho.

No es suficiente simplemente decirle a la gente que creas sitios web hermosos. Millones de diseñadores web hacen exactamente lo mismo.

¡Es hora de que fluyan esos jugos creativos!

Cuando se trata de nichos de diseño web, básicamente hay dos categorías:

  1. Nichos de personajes
  2. Nichos de la industria

¿Aún confusos? Aquí tienes algunas ideas para ti:

Carácter de diseño web nichos

  • Rápido
  • Asequible
  • Premium
  • Ligero
  • Móvil
  • Sensible
  • Simple
  • Complejo
  • Minimalista
  • Animados
  • 3D
  • VR

web de la Industria de diseño de nichos

  • Restaurantes
  • Dentistas
  • Optometristas
  • Gimnasios
  • Paisajistas
  • Fontaneros
  • Roofers
  • Surfistas
  • Bloggers
  • Social Media Influencers
  • Startups
  • Escuelas
  • Contadores
  • Limpiadores
  • y más y más…

Y desde aquí se puede nicho hacia abajo aún más.

Por ejemplo, ¿por qué detenerse en la creación de sitios web para bloggers? ¿Por qué no crear sitios web para bloggers 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?

Nichear hacia abajo te ayudará a dirigirte a audiencias ultraespecíficas y a posicionarte más alto para palabras clave menos competitivas.

Recuerde, esto no significa que tenga que crear sitios web solo para este tipo de cliente por el resto de su vida. El nicho hacia abajo es solo una excelente manera de poner el pie en la puerta y construir una base sólida desde la que saltar a su próximo nicho en el futuro.

Y también puedes mezclar y combinar tu nicho. Combinar nichos de personajes con nichos de la industria para crear una llamada a la acción hiperdirigida es muy divertido.

Algunos ejemplos:

  • Diseño web sencillo y ligero para restaurantes mexicanos.
  • Diseño web potente y minimalista para startups tecnológicas.
  • Diseño web centrado en dispositivos móviles para estudios de yoga.

Las posibilidades son infinitas!

4) Práctica, práctica, práctica

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 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é tantos aspirantes a diseñadores web son tan impacientes?

Aprender diseño web es exactamente lo mismo que aprender cualquier otra cosa. Se necesita tiempo, paciencia, compromiso y práctica constante.

Afortunadamente, no tiene que tomar 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 vimos antes.

Una de las formas más simples de practicar algunas buenas prácticas, y posiblemente incluso ganar algunos dólares, es usar Google Maps para encontrar clientes de sitios web.

  1. Entra en Google Maps y abre tu vecindario. Luego encuentre todos los restaurantes, consultorios dentales, tiendas minoristas, salones de manicura y peluquerías y revise sus perfiles.
  2. En él, encontrará un enlace a su sitio web. (O no encontrarás un enlace en absoluto, lo cual es aún mejor. ¡Eso significa que ni siquiera tienen un sitio web!)
  3. Si su sitio es basura, tirar tanto de los contenidos como usted puede, a continuación, volver a generar para ellos. No, no estoy bromeando.
  4. Luego, una vez que hayas terminado, envíales un correo electrónico con un enlace a su nuevo sitio web y pide sus comentarios.
  5. Si les encanta, vendérsela.

Mediante el uso de este método, podrá obtener toneladas de valiosa experiencia 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éndete como un experto de esa herramienta / nicho

Esta es la parte que la mayoría de ustedes va a odiar más. Sé que sí.

Ventas.

Una cosa es tener las habilidades y la experiencia en diseño web, pero ser capaz de convencer a otros de que las tienes es un desafío completamente diferente.

Conozco a muchos diseñadores web expertos y experimentados que están luchando por encontrar trabajo.

Por lo general, es porque no han dedicado suficiente tiempo a elaborar la historia de su marca…

Cuenta tu historia

Piénsalo. Hay millones de diseñadores web para que sus clientes elijan. ¿Por qué deberían elegirte a ti?

¿por Qué deberían trabajar con usted? ¿Qué traes a la mesa? ¿Quiénes sois?

Podrías pensar que eres aburrido. Que no tienes una historia interesante que contar. No lo eres. Y lo haces.

Contar una historia atractiva e integrarla en tu marca es una de las formas más importantes de diferenciarte de tu competencia.

Piensa de verdad en tu marca. ¿Qué historia quieres contar?

Aquí hay algunos libros que te ayudarán a comenzar con la historia de tu marca:

  • Marketing Spark de Mark Evans
  • Story Driven by Bernadette Jiwa
  • Robar como un artista de Austin Kleon

Construir ese portafolio

La parte más difícil de comenzar un negocio de diseño web es conseguir esos primeros clientes. Como resultado, la gente es bastante aprensiva sobre la contratación de diseñadores web que tienen cero pruebas de sus habilidades y habilidades. Imagínate.

Conseguir clientes de diseño web cuando no tienes cartera será tu mayor reto. La buena noticia es que a partir de ahí es más fácil.

La verdad es que es probable que tenga que hacer algún trabajo de forma gratuita 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:

  1. Se destaca entre la multitud (porque nadie ofrece diseño web gratuito, lo garantizo)
  2. Alivia toda la preocupación y ansiedad de su cliente sobre contratar a un diseñador web sin experiencia
  3. Construye un sitio web increíble que ahora puede agregar a su cartera, atrayendo nuevos negocios futuros
  4. Obtiene una nueva relación para agregar a su red para posibles referencias futuras
  5. Obtienes una reseña de 5 estrellas para agregar a tu perfil de Google Places
  6. Si no obtienes una reseña de 5 estrellas, obtienes valiosos comentarios sobre por qué no y mejoras para la próxima vez

Confía en mí, hay mucho valor en todo eso.

Así que no te resistas demasiado rápido a la idea de trabajar gratis para construir esa cartera.

Finalmente, tome medidas

¡Felicidades! Has llegado al final del poste. (que honestamente es 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ápidamente:

  1. Elige un creador de sitios web
  2. Consume todo el contenido de ese creador de sitios web
  3. Elige un nicho de diseño web
  4. Practica, practica, practica
  5. Véndete como un experto 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 todas las noches viendo 5 horas de Netflix y actualizando tu feed de Instagram.

no quiero escuchar excusas, K?

He terminado de hablar. ¡A trabajar!

FAQ’s

Preguntas frecuentes que recibo sobre el aprendizaje del diseño web.

¿Cómo me convierto en diseñador web?

Siga este plan de 5 pasos:

  1. Elige tu creador de sitios web favorito.
  2. Consume todos los blogs y canales de YouTube que puedas encontrar sobre ese creador de sitios web.
  3. Elige un nicho para tu negocio de diseño web.
  4. práctica, práctica, Práctica.
  5. Véndete como un experto en tu nicho / creador de sitios web.

¿cuánto tiempo se tarda en aprender diseño web?

Que todo depende de ti y de lo comprometido que estés a aprenderlo. Si aprendes diseño web como una actividad secundaria, como hice yo, es probable que te lleve aproximadamente un año antes de comenzar a obtener 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 4 45,000. Pero esto varía en todo el mundo, y más aún si tienes tu propio negocio de diseño web como freelancer. CONSEJO PROFESIONAL: Es mejor trabajar de forma independiente y comenzar 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 es necesario comprar costosos cursos de diseño web. Google y YouTube son tus mejores amigos. Haga la investigación, practique y, a continuación, 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 es así que escribí un post completo sobre por qué el diseño web es la opció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 se lleva a cabo entre bastidores. El desarrollo web incluye cosas como codificación, programación, API, integraciones, etc.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.