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.


Actualmente puedes encontrar un descuento a través de los siguientes enlaces:  20% de descuento para el plan anual o un 10% 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.

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…
¿Que 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 mi, 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:  20% de descuento para el plan anual o un 10% 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 ©