EMPECEMOS0. Introducción del diseño

PILARES DEL DISEÑO1. Anatomía de una tienda bien diseñada

2. ¿Por qué el diseño realmente importa?

3. La regla de los 5 segundos

LA SELECCIÓN EN EL DISEÑO4. Selección de colores

5. Selección de tipografía

6. Selección y uso de imágenes de stock

Lecciones

ULTIMANDO DETALLES7.Creación de contenido de marca

8. Mejora el tiempo de carga de tu tienda

9. Cómo editar imágenes de Aliexpress

10. Siguientes pasos...

Ideas principales

El diseño web es una herramienta de gran importancia, que usada de forma correcta, puede jugar a nuestro favor.

A lo largo del curso, conocerás las herramientas necesarias para poder empezar desde cero, incluyendo guías paso a paso para que puedas replicar las estrategias.

Exprime tus conocimientos al máximo y logra aquellos objetivos que te propongas.

0. Introducción al diseño

Ideas principales

1. Cuando diseñes tu tienda, ten en cuenta el orden de todos los elementos que la configuran así como la lectura natural del visitante: de arriba a abajo y de izquierda a derecha.

2. En tu web, será necesario incluir: a. En la cabecera: inicio, catálogo, noticias, nuestros

clientes, localizar el envío, preguntas más frecuentes, blog…

b. En pie de página: newsletter, redes sociales, políticas, contacto…

3. Deberás dar visibilidad a los apartados que más se buscan en la tienda, para facilitar la navegación a los visitantes.

1. Anatomía de una tienda bien diseñada

Ideas principales

Beneficios de un buen diseño:

1. Atraerás a muchos más visitantes a tu tienda gracias a un contenido organizado y optimizado. Provoca mayor exposición en búsquedas de navegadores.

2. Aumentan tus posibilidades de conversión.3. Te ahorra dinero, ya que no vas a tener la necesidad

de contratar a un diseñador externo para crear tu contenido gráfico.

2. ¿Por qué el diseño realmente importa?

Ideas principales

La regla de los 5 segundos fue creada por Mel Robbins, escritora, presentadora, oradora… y conocida por sus charlas TED.

En esencia, Robbins defiende que cualquier persona con instinto de actuar, debe moverse en 5 segundos o su cerebro eliminará ese instinto.

Este principio también se puede aplicar en las tiendas online; si la primera impresión tras 5 segundos no es buena, la persona acabará saliendo de tu tienda.

3. La regla de los 5 segundos

Ideas principales

La selección de colores es muy importante, no solamente por la estética, sino por el efectos que los colores tienen en las personas.

Por ello, debes de tener claro qué sensaciones quieres transmitir en tu tienda, para así poder elegir los colores que mejor se ajusten a ellas.

4. Selección de Colores

Recursos adicionales

Psicología de colores

Paleta de Colores de Adobe

Ideas principales

La selección de tipografías es igualmente importante.

Las tipografías también transmiten sentimientos, emociones y sensaciones.

Tipos de tipografía:

1. Sans Serif:2. Serif 3. Moderna4. Decorativa5. Script

5. Selección de tipografía

Recursos adicionales

Tipos de letras

Ideas principales

Gran parte del éxito de una tienda se debe a su contenido. Es por eso que usar imágenes de stock es realmente un acierto.

1. Existen muchas imágenes de diferentes tamaños y temáticas.

2. La gran mayoría de imágenes de stock son de alta calidad.

3. Todas las imágenes son 100% gratuitas.4. Siempre podrás dar crédito a los fotógrafos de las

fotos que utilices.

6. Selección y uso de imágenes de stock

Recursos adicionales

Unsplash

Pixabay

Burst

Ideas principales

Canva es una herramienta de gran utilidad para cualquier persona que tenga una tienda, ya que permite crear todo tipo de contenido de forma gratuita.

Elementos a tener en cuenta para crear contenido de marca: colores, formas, tamaños, formas...

7. Creación de contenido de marca

Recursos adicionales

Canva

Hatchful

Ideas principales

Cada segundo importa, es por eso que hay que cuidar cada detalle de tu tienda:

1. Optimiza las imágenes: No es necesario subir a nuestra tienda archivos muy pesados, ya que lo que buscamos una carga rápida sin pérdida visual.

2. Elimina todo aquello que no utilices en tu tienda, para así conseguir reducir el tiempo de carga.

3. No utilices carrusel o slider en tu tienda. Solamente el 1% de los usuarios interactúan con ello. Por ello, es preferible un tener banner único.

8. Mejora el tiempo de carga de tu tienda

Recursos adicionales

Compresor de imágenes

Medidor de tiempo de carga

Ideas principales

Las imágenes de producto que utilices en tu tienda reflejarán la calidad del producto en sí misma. Es por eso que debes hacer un esfuerzo en escoger imágenes que se vean profesionales, tengan buena calidad y reflejen tu marca.

En esta lección, habrás aprendido a editar imágenes de Aliexpress para conseguir un look profesional y de calidad. Practica hasta conseguir los mejores resultados.

9. Cómo editar imágenes de Aliexpress

Recursos adicionales

Photopea

Ideas principales

Las estadísticas prueban la importancia del diseño web. Recuerda que:

● El 83% de las personas espera que un sitio web se cargue en 3 segundos o menos.

● El 89% de los consumidores compran a una tienda competidora después de una mala experiencia de usuario.

● Los sitios web de carga lenta generan una pérdida de ingresos de 2.600 millones de dólares cada año.

Así que ahora te toca a ti. ¿Qué vas a hacer para poner a punto tu tienda online?

10. Siguientes pasos