Cómo diseñar una página web en 20 segundos 🕓

Comparte:

Ya sabemos que aprender cómo diseñar una página web no es tan difícil, y hacerlo en cuestión de segundos ahora es posible gracias a nuevas herramientas fáciles de utilizar e implementar.

En este vídeo aprenderás cómo diseñar una página web en 20 segundos gracias al uso de herramientas como WordPress y el constructor Divi.


Nota: Los servicio que menciono los utilizo de manera efectiva y es por eso que los recomiendo. Algunos de los enlaces son enlaces afiliados lo que quiere decir que, sin ningún cargo extra para ti, yo recibiré una pequeña comisión si decides hacer la compra con estos proveedores. Por favor no hagas ninguna inversión a menos que sientas que te van a ayudar con tu negocio. Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission.

Seas dueño de negocio o diseñador web debes saber que ya existen herramientas que te permiten ahorrar tiempo y dinero en el proceso de tener un sitio web con diseño profesional.

El diseño de tu página web es una parte muy importante dentro de la estrategia de marketing ya que si tu web luce en desorden y con un mal diseño lo más seguro es que despierte desconfianza.
Si hay desconfianza no hay ventas. Así de sencillo.

Pero…
¿Qué es diseño web profesional?

Los gustos son subjetivos.

Lo que para unos es hermoso, para otros es horrible pero en términos de marketing el diseño tiene la misión de entregar la mejor Experiencia al Usuario (UX) y esto no sólo para agradarle a Google (ya que la experiencia del usuario es uno de los puntos principales para determinar si apareces o no en los primeros resultados en búsquedas) sino también para subir el porcentaje de conversiones o acciones que toman los usuarios que crean un relación comercial (ventas, suscripciones, contacto, etc).

Cuando un visitante a tu sitio web compra un producto que ofreces es una conversión y la conversión es un acción que se puede medir, analizar y mejorar. (el tema de las conversiones lo hablo en otro vídeo).

Normalmente la conversión se mide:

Número de ventas / Número de visitas (por campaña) X 100 = porcentaje (tasa) de conversión

Ejemplo: 9 (ventas) / 200 (visitas) x 100 = 4.5%

Teniendo datos más exactos podemos tener metas más claras y estrategias para alcanzar dichas metas.

Un diseño web profesional no es aquel diseño “bonito” sino aquel diseño planeado estratégicamente para ofrecer la mejor experiencia al usuario con el objetivo de aumentar las conversiones y/o cumplir las metas comerciales.

Para lograr un diseño web profesional que te ayude a subir el porcentaje de conversiones (clientes, ventas) hay que tener en cuenta:

  • El diseño de espacio (secciones, módulos)
  • Colores (puedes revisar el vídeo que hablo sobre el color que más ayuda a vender)
  • Textos (que conecten, creen confianza, persuadan y lleven a tomar acción)
  • Navegación (se refiere a los clicks que debe hacer el usuario hasta llegar a lo que busca – entre menos clicks, mejor experiencia) – Algunos elementos de navegación son el menú, los botones, los enlaces.

El uso de estos elementos pueden desactivar (desmotivar) o activar la mente del usuario para que tome la acción que tu quieres.

Por esta razón es importante hacer lo posible para que tu web tenga un diseño profesional y que genere conversiones (clientes, ventas).

¿Cómo diseñar una página web profesional?

Hace poco alguien me preguntó cómo diseñar una página web en html y css y como publicarla en la web.

La verdad no sé la situación de esta persona, puede que le guste los códigos, pero lo primero que supongo es que es una dueña de negocio y la mejor recomendación es que utilice las herramientas disponibles que permiten hacer un trabajo bien hecho, en poco tiempo y a bajo costo.

Si le gusta los códigos para diseñar como a mí, lo mejor es que lo hagamos en nuestro tiempo libre como hobby.

No me mal entiendas, creo que la mejor profesión es la de un programador. En verdad que los envidio. Pero sé que tengo que enfocarme en la operación de mi negocio y la parte de los códigos la delego a los profesionales.

Herramientas para crear y diseñar una página web profesional

Recordemos que para tener una página web profesional necesitamos tres servicios básicos:

  1. El dominio – o dirección en internet
  2. El hospedaje – o espacio que se renta en internet para subir la información
  3. La plataforma – para crear y administrar el sitio web – La mejor y más usada en el mundo es WordPress (logo)

Estos servicios se pueden obtener con un proveedor profesional de forma segura y económica.
En la vídeo guía te enseño el paso-a-paso para crear tu sitio web profesional en pocos minutos.

cómo diseñar una pagina web profesional
Cómo diseñar una pagina web profesional – Curso Gratis

Ya tenemos el sitio web en WordPress y con esto es suficiente para tener una web profesional.

Sin embargo quieres tener un diseño más elaborado o las necesidades de tu empresa requieren de mejores elementos en diseño así que te recomiendo usar un constructor y plantillas profesionales.

Un constructor es una herramienta que instalas en tu sitio web creado con wordpress que te permite más libertad en la edición del diseño. (screenshot editando página con Divi)

Puedes agregar secciones, módulos, elementos como imágenes, botones, contadores, formularios y muchos más elementos para lograr una página efectiva.

Puedes experimentar con el constructor hasta llegar al diseño que buscas, sin embargo esto puede llevar tiempo y si eres como yo, que nos gusta cuidar el tiempo para poder llevar a cabo todas las tareas que tenemos pendientes con el negocio, entonces te recomiendo que hagas uso de las plantillas o páginas pre-diseñadas por profesionales.

Estas plantillas se instalan con unos cuantos clicks y nuestra tarea sólo será cambiar la información para personalizarla a las necesidades de la empresa.

A continuación te muestro un ejemplo con uno de los constructores más utilizados en el mundo del diseño web, es el que utilizo en mis negocios para diseñar mis páginas.

DIVI es un constructor desarrollado por la empresa Elegant Themes con sede principal en San Francisco, California y con más de medio millón de clientes.

El constructor DIVI te permite personalizar el diseño de tu sitio web con una variedad de opciones que, sin ser diseñador, te permite crear páginas web profesionales y efectivas.

Cómo diseñar una página web en 20 segundos

Para lograr el objetivo de diseñar una página web en pocos segundos primero necesitamos instalar el tema DIVI el cual obtienes al abrir una cuenta en Elegant Themes y desde el área de miembros tendrás la opción de descargar a tu computador.

Actualmente puedes encontrar un descuento a través de los siguientes enlaces:  10% de descuento para el plan anual y para el plan vitalicio (sólo se paga una sola vez no cada año).
Nota: Los servicio que menciono los utilizo de manera efectiva y es por eso que los recomiendo. Algunos de los enlaces son enlaces afiliados lo que quiere decir que, sin ningún cargo extra para ti, yo recibiré una pequeña comisión si decides hacer la compra con estos proveedores. Por favor no hagas ninguna inversión a menos que sientas que te van a ayudar con tu negocio. Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission.

Una vez en tu computador ya puedes subir DIVI a tu sitio web desde la sección Apariencia > Temas > Añadir nuevo. No olvides activar el tema para empezar a utilizarlo.

Si en este paso te da problemas, revisa este vídeo para que puedas solucionarlo fácilmente.

  • Ahora creamos una nueva página nueva o editamos una existente.
  • Activamos el constructor DIVI.
  • Seleccionamos la opción “Cargar diseño”,
  • “Premade layouts”,
  • buscas el diseño que se acomode a las necesidades de tu negocio,
  • seleccionas la página, si quieres, tienes la opción de revisar el demo de dicha página,
  • click en “Use This Layout” y esperas unos cuantos segundos para que el diseño y la información de relleno se instale.

Una vez instalado, puedes guardar y revisar la página. Ya tienes una nueva página con un diseño profesional en segundos.

Para personalizar la información puedes “Habilitar el constructor visual” y empezar a hacer los cambios necesarios a cada uno de los elementos de la página.

Puedes cambiar textos, imágenes, botones, borrar secciones y mucho más.

No olvides guardar los cambios regularmente para evitar perder el trabajo que hayas hecho.

Al terminar puedes “Salir del constructor visual” y ya tendrás tu página web con diseño profesional creada por ti misma / por ti mismo y a muy bajo costo comparado con los precios de un diseñador web.

Ahora, si eres diseñador web, puedes ofrecer este servicio disminuyendo el tiempo de desarrollo y entregando un buen trabajo.

Lista de constructores:

  • *Divi Builder
  • Beaver Builder
  • Elementor
  • Page Builder by Site Origin
  • Themify Builder

*Este es el constructor que enseño en este artículo y lo recomiendo porque es el que he utilizado por más de 4 años y me ha permitido crear las páginas que utilizo en el marketing (páginas de aterrizaje, páginas de venta, páginas para entrenamientos).

Si te gusto la información gratis de este vídeo no olvides compartirlo con alguien te también le pueda ayudar.

Recuerda solicitar acceso gratis al mini-curso “Cómo tener una página web para vender más”

¡Gracias y nos vemos en la próxima!

Luis R. Silva ©

No olvides compartir con alguien que también le pueda ayudar esta información:

Deja tu comentario

Participa con tus preguntas u opiniones con respecto a este tema.

Información relacionada que te puede interesar:

28 comentarios en “Cómo diseñar una página web en 20 segundos 🕓”

  1. Hola Caballero Silva espero que este bien. Queria preguntarle, ya que e cometido errores y necesito corregirlos. Por favor usted podria ayudarme ? En estos dias e visto unos videos suyos, inclusive trate de bajar una guia gratis de como crearla y nunca me llego, puedes explicarme el porque no pude odtenerla.

    Cordialmente

    Wanda

    1. Hola Wanda, por no poder dar más asesorías personales es que he creado el curso gratuito para crear la web profesional, el correo de confirmación pudo haber llegado a una bandeja diferente a la principal en tu correo electrónico por lo que te recomiendo revisar incluso el correo no deseado, si sigues sin encontrarlo, mándanos un correo a info @ luisrs.com para ayudarte. saludos

  2. Saludos Luis. Gracias por todo el contenido valioso que nos provees a nosotros que buscamos aprender más. Para mi opinión LuisRSilva.com es la pagina web en español con el contenido más completo y entendible para crear paginas web que he encontrado después de siglos de búsqueda por la internet. He seguido paso a paso todo y ahora me encuentro que quiero aprender más acerca de DIVI-ECOMMERCE. ¿Hay algún curso completo disponible para manejar a la perfección la herramienta DIVI Y ECOMMERCE? Mil gracias.

  3. Hola Luis, gracias a tu curso he comprado el hospedaje y dominio en GoDaddy y quisiera saber si con esto es suficiente para crear la página y exactamente qué servicios adicionales tendría con el constructor Divi en comparacion con lo que acabo de adquirir. Muchas Gracias

    1. Hola Angela, felicidades por tomar acción, te recomiendo revisar los videos del curso gratis para crear tu página web ya que precisamente es para contestar a tus preguntas de forma detallada porque aquí en un comentario no es práctico. Éxito en tu proyecto.

  4. Hola buenas tardes Luis, tengo una duda, en el video de como crear la pagina web para tu negocio, comentaste sobre un video de como realiza los correos electronicos con mi dominio… adonde esta ese video que estoy interesada en realizar los correos de mi empresa. quedo a la espera de tus comentarios. Saludos!

  5. ANGELA DAYANA LIZARAZO RIANO

    Mil gracias por tu ayuda, tengo muchas dudas en estos momentos ya tengo el dominio, pero me falta el Hosting y la plataforma, quiero hacer la pagina con WordPress, pero hasta ahora solo tengo el dominio y sin el hosting no me deja crear la pagina, como te muestro a continuación:

    image.png

    Serias tan amable de orientarme despues de esto como puedo adquirir el hosting?, en muchos videos aplican cupones de descuento para que el hosting no cueste tanto, pero no se como hacerlo.

    1. Hola Angela, justo en esta página y por medio del video te digo paso a paso cómo solucionar la situación que me comentas, te invito a revisar el video. Éxito!

  6. Muy buenas Luis, soy un nuevo subscriptor en tu canal de Youtube. Déjame decirte que tus vídeos llamaron mucho mi atención. Me preguntaba, cómo podría hacer de la creación de páginas web (como las que enseñas a hacer) un negocio?
    Básicamente, cobrar por hacer Webs a terceros.
    Como lo harías tú?

    De antemano muchas gracias y un saludo cordial.

    1. Hola Manuel, gracias por la confianza, me parece buena idea que puedas ganar dinero extra ayudando a otras personas a construir su sitio web.
      En cuanto al precio, depende de que tanto trabajo vas a hacer y las garantías de tu trabajo.

      Te recomiendo que hagas una investigación de:
      – Qué servicios ofrece un diseñador web (instalación, configuración, personalización, diseño, creación de textos, creación de imágenes, asesoría para que aprenda a administrar la web, mantenimiento de la web, etc, etc…) – de esta manera defines hasta donde llega tu servicio según tus capacidades y tu tiempo.

      – Basado en el servicio que vas a ofrecer, ¿cuanto cobran otras personas que ofrecen el mismo servicio? – busca un precio común promedio y de allí puedes partir.

      Éxito.

  7. carlos villarroel

    buenas tardes , excelente presentación, haz roto paradigmas en cuanto al diseño y construcción web, esto me anima a trabajar en esta área, te felicito, saludos

    1. Gracias por tu comentario Carlos, y qué gusto que te anime, recuerda que aquí en el blog encontrarás mucha información sobre estrategias de marketing digital. Éxitos.

  8. Luís, buenísimo este vídeo. Ya tengo el dominio para mi pagina web y el hosting. Manejo algo de wordpress no mucho, pero ese dato que me diste sobre la herramienta constructor, es GENIAL. Justo lo que necesito. 1000 puntos por ese vídeo. Saludos.

  9. HOLA LUIS SOY AGENTE INMOBLIRIO ,QUIERO CREAR MI PAGINA WEB PARA REALIZAR MAS EFICIENTE MIS NEGOCIO ,ASI MISMO QUE MIS CLIENTES SE SIENTAN MAS SEGUROS Y TENGAN LA INFORMACION A LA MANO –
    ME PUEDES AYUDAR ?

  10. Hola Luis!
    Yo tengo un problema, y es que la empresa para la que trabajo, tiene el hosting y dominio con el servicio de internet (TigoUne).
    Esta plataforma permite crear y diseñar la página, pero es realmente básico lo que puedo lograr con ella.
    No me gustaría eliminarla ya que lleva años creada, y hay tráfico ocasionalmente pero realmente es muy mala.
    Entonces, ¿Qué me recomiendas hacer?
    La estaba creando en Joomla, pero no sé si pueda eliminar la que ya creé para redireccionarla a la que voy a crear en Joomla o quizá en WordPress.

    1. Hola Fabián, gracias por la confianza, no podría darte una opinión de esa plataforma ya que no he trabajado con ella, revísala y si satisface a tus necesidades adelante, contacta también al equipo de soporte y asegúrate que tengan un buen servicio ya que también es primordial. Yo recomiendo GoDaddy porque es con quien he trabajado y me ha funcionado muy bien, de hecho no solo a mi sino a mis alumnos y clientes. Te deseo muchos éxitos.

  11. Que tal Luis buen dia, y en el caso -como es el mio- de que quiera utilizar mi web para vender productos de afiliación de Amazon, ¿cual tema me recomiendas?

    1. Hola Rafael, gracias por la confianza, también te funciona la que recomiendo aquí. De hecho Elegant Themes, está actualizando y compartiendo continuamente con sus usuarios formas para hacer más fácil, económico y profesional el trabajo con la plantilla Divi, además que te brinda soporte profesional si lo necesitas. Éxito!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ir arriba
Aprende de estrategias comprobadas
cómo tener una presencia online efectiva
y conseguir clientes por internet.
GRATIS PARA DUEÑOS DE NEGOCIOS Y EMPRENDEDORES