Diseño del sitio web

Cómo aprender diseño web RÁPIDAMENTE (El proceso de 5 pasos)

Escrito por Patrick Antinozzi
Última actualización: 25 de agosto de 2023

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

Eso no quiere decir que no se necesite mucho trabajo. Sólo significa que es mucho más sencillo de lo que solía ser.

Cualquier otro blog de diseño web te dirá que hagas cosas como aprender codificación, programación, desarrollo web y gestión de servidores. Que necesitas tomar un curso de diseño web para aprender el diseño web correctamente.

O te dirán que es demasiado tarde para convertirte en diseñador web y que, en cambio, debemos prepararnos para inclinarnos ante nuestros señores robóticos impulsados por la IA.

No te voy a contar ninguna de esas tonterías. (aunque el jurado aún no se ha pronunciado sobre esos señores robots...)

En su lugar, voy a compartir una proceso sencillo de 5 pasos con usted. Este proceso te preparará para convertirte en un diseñador web o incluso empezar su propio negocio de diseño web en poco tiempo.

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

1) Elija una herramienta de diseño web

Lo cierto es que la barrera de entrada para los diseñadores web nunca ha sido tan fácil. La página web proceso de diseño web se ha agilizado enormemente 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 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 es el más adecuado para ti.

No hay opciones incorrectas. Sólo se trata de preferencias personales.

Los he clasificado sin ningún orden en particular, pero compartiré mi opinión personal sobre cada uno de ellos a medida que vayamos avanzando. A ver si nos ponemos manos a la obra.

Weebly

Tengo una debilidad en mi corazón por Weebly. Son una gran razón por la que ahora tengo un exitoso negocio de diseño web.

Cuando empecé mi andadura en el diseño web, estaba justo donde tú estás ahora. 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 rendimientoEl diseño gráfico y las llamadas a la acción claras me eran ajenos.

Pero sabía que los propietarios de pequeñas empresas eran desesperado a obtener un sitio web de forma rápida y asequible.

Weebly me dio las herramientas que necesitaba para aprender los fundamentos del diseño web sin preocuparme de todo lo técnico. Utilicé Weebly para empezar desde cero, hasta llegar a tener docenas de clientes construidos y alojados en su plataforma.

Con el tiempo, a medida que mis conocimientos, experiencia y habilidades mejoraron, dejé de usar Weebly y transición a WordPress + Elementor.

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

Wix

Wix se encuentra fácilmente entre los 3 constructores de sitios web más populares. Hace un par de años tuvieron un gran éxito comercial, pero desde entonces han permanecido en silencio. (probablemente porque estaban contentos con la decenas de millones de sitios que alojan)

En cuanto a su producto, por la limitada experiencia que tengo con él, funciona muy 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ápidamente.

Por supuesto, puede que no sea un problema de Wix en sí, sino de la gente que lo construyó. No culpes a la herramienta, culpa al hombre que la maneja, como se dice.

Otra gran preocupación es el hecho de que no se puede cambiar de tema una vez que se ha empezado a construir el sitio. Si decides cambiar el tema, se reinicia todo, obligándote a reconstruir desde cero. Eso es un problema para mí.

Squarespace

Seguro que ya conoces a estos tipos. Son en todas partes.

Podcasts, YouTubers, blogs, vallas publicitarias, televisión, radio, en tu ducha... Donde quiera que estés, Squarespace te encontrará.

Personalmente encuentro Squarespace tener una estética muy limitada y aburrida con sus plantillas de sitios web. La verdad es que me vuelve loco.

Se promocionan a sí mismos como los mejores constructores de sitios web para todos los tipos, pero la mayoría de los ejemplos en su sitio web nunca se alejan de la onda hipster-fashionista-Instagram-influencer.

Pero, tienen Idris Elba en su esquina, así que... estoy vendido.

Shopify

Si te dedicas al comercio electrónico, Shopify es lo que necesitas.

Han dominado el arte de vender cosas en todas partes. Y no sólo 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 mucho más.

Shopify se integra fácilmente con miles de aplicaciones y plataformas, lo que hace que cosas como el envío, el procesamiento de pagos y la realización de pedidos sean muy fáciles.

Incluso se podría decir que fueron los pioneros de todo el negocio de los envíos directos. (Gracias por el hermanos de envío directo en mis anuncios de YouTube, SHOPIFY)

También cuentan con una sólida plataforma de socios con múltiples canales para que los diseñadores web construyan su negocio.

Si su clientela principal son las empresas de comercio electrónico, simplemente no puede ignorar Shopify.

WordPress

WordPress es el rey de los sitios web. Tanto es así que más de 30% de todos los sitios web funcionan con WordPress.

Y por una buena razón.

WordPress puede ser lo que tú quieras. Es un CMS totalmente funcional con un sinfín de plugins para personalizar tu sitio web según tus necesidades exactas.

Esto, por supuesto, conlleva una mayor complejidad.

Pero si consigues dominar WordPress, tus oportunidades de dirigir un negocio de diseño web con éxito se ampliarán drásticamente.

Puede que incluso aprendas un poco de desarrollo web por el camino. (el desarrollo web consiste principalmente en el trabajo de "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 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 para la industria del diseño web en su conjunto.

Nunca en mi vida he visto un producto que haga que el diseño de páginas web sea tan fácil y tan divertido. Y a un precio tan precio 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 Elementor con todo mi ser. Y los desarrolladores siguen mejorándolo cada mes con nuevas versiones 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 utilizado Constructor de castores antes, pero he oído cosas buenas sobre él.

Y lo que más me gusta es que es pequeño. Beaver Builder está formado por 3 chicos que sólo hacen algo que les gusta. Me identifico mucho con eso.

Se podría argumentar que Beaver Builder es el OG Elementor. Ya existía antes, y sus principios fundacionales son muy similares.

Elementor simplemente se basó en Beaver Builder... e hizo algo mejor.

El alumno se convierte en 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 sencillo sobre WordPress.

Sin embargo, algunos podrían argumentar que Divi se ha convertido en un poco de un dinosaurio en este día y edad. 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 haters. Divi sigue siendo uno de los CMS más populares del mundo, así que no lo descartes demasiado rápido.

2) Consumir TODO el contenido en torno a esa herramienta

Ya has elegido tu constructor de sitios web. Ahora, es el momento de aprender todo y cualquier cosa sobre ello.

Blog de diseño webs, YouTubers de diseño web, podcasts de diseño webLos libros de diseño web, y mucho más, están disponibles para su consumo. Gran parte de ellos de forma gratuita.

Es hora de encerrarte en el sótano de tu madre y ponerte a nerd.

Verás que aquí no he puesto ningún curso de diseño web... 😉 .

Blogs de Weebly y YouTubers

He aquí algunas recursos para empezar con Weebly:

Blogs de Wix y YouTubers

Aquí tienes algunos recursos para empezar con Wix:

Blogs y Youtubers de Squarespace

Aquí tienes algunos recursos para empezar con Squarespace:

Blogs de Shopify y YouTubers

Aquí hay algunos recursos para empezar con Shopify:

Blog oficial de Shopify
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 dropshipping o la impresión de camisetas, no en el diseño web de Shopify. Si conoces alguno que recomiendes, házmelo saber y lo añadiré aquí).

Blogs de WordPress y YouTubers

Aquí tienes algunos recursos para empezar con WordPress:

WordPress + Elementor blogs y YouTubers

Aquí tienes algunos recursos para empezar a usar Elementor:

WordPress + Beaver Builder blogs y YouTubers

Aquí hay algunos recursos para empezar con Beaver Builder:

WordPress + Divi blogs y YouTubers

Aquí hay algunos recursos para empezar con Divi (por Elegant Themes):

3) Elegir un nicho de diseño web

El sector del diseño web es ultra competitivo. Va a ser muy difícil que te desmarques de la manada y te hagas con tu propio trozo del pastel.

Una de las estrategias de marketing más probadas es identificar un nicho de diseño web de baja competencia y convertirse en el experto de dicho nicho.

No basta con decir a la gente que uno hace sitios web bonitos. Millones de diseñadores web hacen lo mismo exactamente lo mismo.

Es hora de que fluya la creatividad.

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

Nichos de carácter
Nichos industriales

¿Sigues confundido? Aquí tienes algunas ideas:

Nichos de diseño web de carácter

Rápido
Asequible
Premium
Ligero
Móviles
Respuesta
Simple
Complejo
Minimalista
Animado
3D
VR

Nichos de diseño web del sector

Restaurantes
Dentistas
Optometristas
Gimnasios
Paisajistas
Fontaneros
Tejadores
Surfistas
Bloggers
Influenciadores de las redes sociales
Startups
Escuelas
Contables
Limpiadores
y así sucesivamente...

Y a partir de aquí se puede nichar aún más.

Por ejemplo, ¿por qué limitarse a crear sitios web para blogueros? ¿Por qué no construir sitios web para finanzas personales ¿Bloggers?

¿Construye sitios web para restaurantes? ¿O construye sitios web para Chino ¿restaurantes?

¿Sitios web para personas influyentes en las redes sociales? O sitios web para Instagram ¿Influenciadores?

La segmentación le ayudará a dirigirse a un público ultra específico y clasificar mejor para las palabras clave menos competitivas.

Recuerde que esto no significa que tenga que construir sitios web para sólo este tipo de cliente para el resto de tu vida. La segmentación es una buena manera de abrirse camino y de construir una base sólida desde la que saltar al siguiente nicho en el futuro.

Y también puede mezclar y combinar su nicho. Combinar nichos de personajes con nichos de industrias para crear una llamada a la acción híper orientada 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 para estudios de yoga centrado en el móvil.

Las posibilidades son infinitas.

4) Practicar, practicar y practicar

Has elegido tu constructor de sitios web favorito, has consumido todo el contenido que has podido encontrar sobre ese constructor y has elegido un nicho específico para tu negocio de diseño web.

Ahora, es el momento de 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 tiempoLa paciencia, el compromiso y la constancia en la práctica.

Afortunadamente, no hace falta que se acerque a 10.000 horas o cientos de dólares en cursos de diseño web para aprenderlo. Gracias a muchos de los herramientas y recursos que miramos antes.

Una de las formas más sencillas de practicar y, posiblemente, de ganar algo de dinero, es utilizar Google Maps para encontrar clientes del sitio web.

Entra en Google Maps y busca tu barrio. A continuación, busca todos los restaurantes, consultorios dentales, tiendas, salones de uñas y peluquerías y consulta sus perfiles.
En él, encontrará un enlace a su sitio web. (O no encontrará ningún enlace, lo que es aún mejor. Eso significa que ni siquiera tienen un sitio web)
Si su sitio es una basura, saca todo el contenido que puedas y luego reconstrúyelo para ellos. No, no estoy bromeando.
Luego, una vez que haya terminado, envíeles un correo electrónico con un enlace a su flamante sitio web y pídales su opinión.
Si les gusta, véndeselo.

Utilizando este método, podrás ganar toneladas de valiosa experiencia construyendo sitios web para tu nicho específico.

Con el tiempo, agilizará el proceso hasta el punto de que podrá construir un sitio web nuevo completo en tan solo unas horas.

5) Véndete como experto de esa herramienta/nicho

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

Ventas.

Una cosa es tener la habilidades de diseño web y experiencia, sino ser capaz de convencer otros que los tiene es un reto totalmente diferente.

Conozco a muchos diseñadores de páginas web cualificados y con experiencia que tienen dificultades para encontrar trabajo.

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

Cuente su historia

Piénselo. Hay millones de diseñadores web entre los que sus clientes pueden elegir. ¿Por qué deberían elegirle a usted?

¿Por qué deberían trabajar con usted? ¿Qué es lo que usted ¿aportan a la mesa? ¿Quiénes son usted?

Puede que pienses que eres aburrido. Que no tienes una historia interesante que contar. No es así. Y la tienes.

Contar una historia convincente e integrarla en su marca es una de las formas más importantes de diferenciarse de la competencia.

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

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

Construir esa cartera

La parte más difícil de iniciar un negocio de diseño web es conseguir esos primeros clientes. Resulta que la gente es bastante aprensiva a la hora de contratar a diseñadores web que no tienen ninguna prueba de sus habilidades y capacidades. Imagínese.

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

La verdad es que es probable que tenga que hacer algún trabajo gratis, o con un gran descuento. Esto elimina todo el riesgo de contratar a un nuevo diseñador web.

Al ofrecer tus servicios de diseño web de forma gratuita, consigues 6 cosas:

Destaca entre la multitud (porque nadie ofrece diseño web gratuito, te lo garantizo)
Alivias toda la preocupación y ansiedad de tu cliente por contratar a un diseñador web sin experiencia
Creas un sitio web impresionante que ahora puedes añadir a tu cartera, atrayendo nuevos negocios futuros
Obtendrá una nueva relación que añadirá a su red para posibles referencias futuras
Usted obtener una reseña de 5 estrellas para añadir a su perfil de Google Places
Si no obtienes una reseña de 5 estrellas, obtienes una valiosa retroalimentación sobre por qué no y mejorar para la próxima vez

Créeme, hay un montón de valor en todo eso.

Así que no se resista a la idea de trabajar gratis para crear esa cartera.

Por último, tome acción

Felicidades. Has llegado al final del post. (lo que sinceramente es mucho teniendo en cuenta lo poco que lee la gente hoy en día)

Recapitulando, este es tu plan de 5 pasos para aprender diseño web rápido:

Elegir un constructor de sitios web
Consumir todo el contenido sobre ese constructor de sitios web
Elija un nicho de diseño web
Practicar, practicar, practicar
Véndete como experto en tu nicho/constructor

Es un plan súper sencillo. El resto sólo requiere trabajo duro y compromiso. No va a pasar nada si pasas todas las tardes ver 5 horas de Netflix y refrescando tu feed de Instagram.

No quiero oír ninguna excusa, ¿vale?

Ya he terminado de hablar. Vamos a trabajar.

Preguntas frecuentes

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

¿Cómo puedo convertirme en diseñador web?

Sigue este plan de 5 pasos:

Elija su constructor de sitios web favorito.
Consuma todos los blogs y canales de YouTube que pueda encontrar sobre ese constructor de sitios web.
Elija un nicho para su negocio de diseño web.
Practica, practica, practica.
Véndete como experto en tu nicho/construcción de sitios web.

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

Todo depende de ti y de lo comprometido que estés con el aprendizaje. Si aprendes diseño web como un negocio secundario, como hice yo, es probable que te lleve alrededor de un año antes de empezar 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 medio de un diseñador web?

A partir de 2019, el salario medio de un diseñador web en Canadá es de unos $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 freelance. PRO TIP: Es mejor que trabajes como freelance y montes 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 costosos cursos de diseño web. Google y YouTube son tus mejores amigos. Investiga, practica y luego ponte 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 entero 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 puede verel contenido visual de un sitio web. El desarrollo web es lo que no puede verel trabajo que se realiza entre bastidores. El desarrollo web incluye cosas como la codificación, la programación, las API, las integraciones, etc.

Patrick Antinozzi

Este post lo ha escrito un ser orgánico con ayuda de la IA. Bastante salvaje que tenga que renunciar a eso, ¿eh? Sólo intento aportar valor. No siempre es lo más bonito o lo más sucinto.