tendencias en diseƱo web para 2021
tendencias en diseƱo web para 2021

Portada: Shutterstock por Soagraphics

Tiempo de lectura:

26 tendencias en diseƱo web para 2021 + ejemplos

2020 llega a su fin y, siguiendo la tradiciĆ³n de este blog, toca publicar uno de los artĆ­culos que mĆ”s me gusta escribir como diseƱador web. Redoble de tambores: seƱoras y seƱores, les presento las tendencias en diseƱo web para 2021.

El diseƱo web es un sector en constante movimiento y transformaciĆ³n, por lo que quienes nos dedicamos a ello estamos en continuo aprendizaje, investigaciĆ³n y prueba de nuevos formatos de diseƱo.

De modo que, en este post recopilarƩ cuƔles son las tendencias en diseƱo web para 2021 mƔs punteras y que ya se estƔn dejando ver desde hace un tiempo.

Ā”Empezamos!

Tendencias en diseƱo web para tener webs originales y modernas


#1 Colores brillantes e intensos

Empezamos fuerte, por la paleta de colores, uno de los elementos creativos mƔs importantes de una web y que es de los primeros que debes establecer.

En lo referente a colores, las tendencias actuales van en la direcciĆ³n de tonos brillantes e intensos, que refuercen el mensaje de forma visual, creando combinaciones creativas muy potentes.

Te dejo algunos ejemplos de diseƱos web con combinaciones de colores brillantes e intensas:

tendencias en diseƱo web para 2021: colores

CombinaciĆ³n de vĆ­deo, imĆ”genes e ilustraciones con colores muy vibrantes, que aportan al diseƱo el dinamismo buscado en esta landing page.

tendencias en diseƱo web para 2021: colores

En esta web del sector de la realidad aumentada utilizamos una combinaciĆ³n de colores muy llamativa, a la que aplicamos ademĆ”s un efecto degradado para potenciar el mensaje.

tendencias en diseƱo web para 2021: colores

En este caso, utilizamos un fondo en movimiento a modo de transiciĆ³n con los colores de la marca (azul marino y naranja).

tendencias en diseƱo web para 2021: colores

Por Ćŗltimo, en este ejemplo puedes ver una cabecera cuyo fondo estĆ” compuesto por salpicaduras de diferentes colores en movimiento.

#2 Elementos flotantes

Los elementos flotantes han llegado al diseƱo web para quedarse y seguro que ya has empezado a verlos. Se trata de crear composiciones que fluyan en torno a los diferentes elementos del sitio (textos, imĆ”genes, etc) o en mĆŗltiples columnas. El resultado es una especie de efecto en movimiento, pero de forma estĆ”tica.

Te dejo varios ejemplos para que entiendas mejor el concepto:

tendencias en diseƱo web para 2021: elementos flotantes

En el primer ejemplo puedes ver cĆ³mo la ilustraciĆ³n se mantiene en todo momento como elemento flotante al hacer scroll y, mientras, en el fondo se produce un efecto movimiento por las diferentes formas geomĆ©tricas que lo integran.

tendencias en diseƱo web para 2021: elementos flotantes

En el segundo ejemplo puedes ver cĆ³mo el formulario de contacto funciona como elemento flotante que se queda superpuesto sobre dos secciones diferentes: la cabecera y el texto que presenta el servicio.

#3 Mezcla de fotografƭa con grƔficos

La combinaciĆ³n de fotografĆ­as y grĆ”ficos es otra de las tendencias en diseƱo web para 2021, ya que, al combinar los dos tipos de contenido, se consigue un resultado muy creativo y moderno.

Veamos algunos ejemplos:

tendencias en diseƱo web para 2021: mezcla fotografƭa grƔficos

En esta web puedes ver la combinaciĆ³n de elementos grĆ”ficos con distintas formas (cuadros y cĆ­rculos), fotografĆ­a y texto.

En mi propia web tambiƩn puedes ver este recurso en diferentes pƔginas. En mi caso, lo aplico en forma de "brochazo" de pintura que se superpone sobre algunas imƔgenes.

#4 Formas orgƔnicas

La integraciĆ³n de formas orgĆ”nicas en diseƱo web ha ido ganando terreno durante los Ćŗltimos meses, desplazando el uso de formas geomĆ©tricas, algo que ha sido tendencia en aƱos previos.

Te dejo varios ejemplos:

tendencias en diseƱo web para 2021: formas orgƔnicas

#5 Fuentes en negrita

Las tipografƭas como elemento destacado en el diseƱo vienen siendo tendencia desde hace varios aƱos.

Yendo un paso mƔs allƔ, es el momento de las fuentes en negrita como elemento destacado del sitio web, donde se convierten en protagonista para reforzar el mensaje.

Varios ejemplos:

tendencias en diseƱo web para 2021: fuente negrita

En esta web utilizamos la combinaciĆ³n de varios tamaƱos, formatos y colores para destacar su propuesta de valor (todos los textos van en la misma tipografĆ­a).

tendencias en diseƱo web para 2021: fuente negrita

En este otro ejemplo utilizamos fuentes en mayĆŗscula y negrita con una sombra del color corporativo de la web. El resultado, combinado con un fondo de realidad virtual, es muy llamativo y moderno.

#6 Elementos apilados

Los elementos que se apilan unos sobre otros son una buena idea para maquetar pĆ”ginas con mucho contenido, pero en las que no queremos que el usuario haga un scroll muy largo a la hora de navegar. Por lo tanto, esta tĆ©cnica es muy interesante para concentrar contenido en el mismo campo de visiĆ³n de la web.

Te dejo un ejemplo:

tendencias en diseƱo web para 2021: elementos apilados

#7 El poder de los vectores

Los vectores son muy habituales en diseƱo web, ya que otorgan un toque creativo y sirven para mostrar el contenido de forma dinƔmica.

Son un tipo de recurso muy utilizado desde hace tiempo y que continuarĆ” estando en uso.

Te dejo varios ejemplos donde puedes ver la perfecta integraciĆ³n entre vectores y diseƱo web:

tendencias en diseƱo web para 2021: vectores

Aquƭ puedes ver el uso de vectores como elemento flotante para acompaƱar a una serie de textos que aparecen en forma de cronologƭa vertical.

tendencias en diseƱo web para 2021: vectores

En mi propia web los utilizo para explicar mi propuesta de valor como diseƱador web freelance.

tendencias en diseƱo web para 2021: vectores

Y aquĆ­ puedes verlos como forma para explicar los beneficios de contratar un servicio online.

#8 Elementos sticky (pegajosos)

Los elementos con efecto sticky (pegajoso) son una de las tendencias en diseƱo web para 2021 que mƔs fuerza estƔn tomando.

Se trata de fijar cualquier tipo de elemento (botones, imĆ”genes, formularios, menĆŗs, etc) mediante posicionamiento cuando el usuario navega por una web y llega a un punto concreto. Es decir, dicho elemento se queda pegado o fijo en un punto concreto de la pantalla.

Te dejo varios ejemplos:

tendencias en diseƱo web para 2021: elementos sticky

En este caso, se trata de tres botones que estƔn fijos en la parte inferior del diseƱo y se quedan pegados en la parte superior cuando el usuario hace scroll.

#9 Degradados / transparencias

Los degradados son otra de las tendencias que estƔn en vigor desde hace un tiempo y que seguirƔn estando durante 2021.

Combinar varios tonos para crear gamas de colores modernas y atrevidas es un plus en el diseƱo web actual.

Te dejo varios ejemplos del uso de efectos degradados en diferentes tipos de recursos:

tendencias en diseƱo web para 2021: degradados

En esta academia de idiomas, utilizamos los degradados para presentar sus diferentes modalidades de formaciĆ³n online.

tendencias en diseƱo web para 2021: degradados

Y en Tramando Viajes los utilizamos en diferentes partes de su diseƱo, como son las cabeceras de algunas de sus pƔginas y landing pages.

#10 Texturas

Y de los degradados pasamos directamente a otra tendencia en diseƱo web muy actual, que es la integraciĆ³n de texturas en la maquetaciĆ³n del sitio.

Las texturas se suelen utilizar especialmente como fondos y se combinan con otros elementos (textos, botones, iconos, etc).

Es una de mis tendencias favoritas. De hecho, puedes verla en esta web, pues la utilicƩ cuando hice el rediseƱo completo.

tendencias en diseƱo web para 2021: texturas

AquĆ­ puedes ver una secciĆ³n con un fondo de textura en mi propia pĆ”gina de inicio, donde superpongo textos con diferentes estilos, tipografĆ­as y colores, y ademĆ”s un elemento grĆ”fico vectorial.

#11 Interactividad

Las formas de interacciĆ³n del usuario con los sitios web tambiĆ©n son una de las tendencias en diseƱo web que ya llevan un tiempo en vigor.

Se trata de pequeƱas acciones que se producen cuando el usuario realiza una interacciĆ³n con alguno de los elementos que forman parte del diseƱo.

Un par de ejemplos:

tendencias en diseƱo web para 2021: interactividad

En este ejemplo, se produce un movimiento o giro al interactuar con los servicios de esta web.

tendencias en diseƱo web para 2021: interactividad

Y en este caso, se trata de subcategorĆ­as de productos que se despliegan al clicar en la categorĆ­a principal.

#12 Micro animaciones

Muy relacionada con la tendencia anterior, hablamos ahora de las micro animaciones: pequeƱos efectos de movimiento que contribuyen a dar dinamismo al diseƱo mientras el usuario navega por la web.

Te dejo varios ejemplos:

tendencias en diseƱo web para 2021: micro animaciones

En el primer ejemplo, puedes ver este separador que tiene una animaciĆ³n al hacer scroll en la pĆ”gina.

tendencias en diseƱo web para 2021: micro animaciones

En el segundo, puedes ver un elemento grƔfico que aparece animado por la parte inferior y se ha utilizado para reforzar el branding de marca en el sitio web.

#13 Micro interacciones

Y de micro animaciones, pasamos a una tendencia muy relacionada: las micro interacciones, que son pequeƱas acciones o movimientos que se producen al interactuar con algĆŗn elemento del diseƱo: acercar el ratĆ³n, ponerlo encima, clicar, desplazarse, etc.

Te dejo varios ejemplos para que veas de quƩ se trata exactamente:

tendencias en diseƱo web para 2021: micro interacciones

AquĆ­ puedes ver una secciĆ³n que incluye varios testimonios de clientes, maquetados en dos columnas, y que van cambiando al pasar el ratĆ³n por cada uno de sus autores.

#14 Contenido dinƔmico

La siguiente tendencia me encanta. Se trata de mostrar contenido dinĆ”mico al pĆŗblico de tu web en funciĆ³n de distintas variables: la hora y el dĆ­a de la visita o el lugar de procedencia

Te dejo un ejemplo:

tendencias en diseƱo web para 2021: contenido dinƔmico
tendencias en diseƱo web para 2021: contenido dinƔmico

Como puedes ver en estas capturas de la misma pĆ”gina realizadas en momentos diferentes, se produce un cambio en el saludo y el dĆ­a segĆŗn el momento de navegaciĆ³n por la web.

#15 Modo oscuro

Otra tendencia que ya llevamos viendo un tiempo y que empezaron a promover las redes sociales es el modo oscuro, que permite cambiar el tono de una web por colores oscuros en vez de claros en funciĆ³n de la selecciĆ³n que haga el usuario y de sus preferencias.

tendencias en diseƱo web para 2021: modo oscuro

En este ejemplo puedes ver cĆ³mo debajo del menĆŗ he incluido un selector para elegir el modo de visualizaciĆ³n de la web: claro u oscuro.

#16 El Ć©nfasis en los datos

Mostrar una gran cantidad de datos es importante en determinados tipos de negocios o sectores. Si tu web se encuentra en este caso, te anticipo que hay posibilidad de mostrar estos datos de forma creativa.

Puedes recurrir a elementos como contadores, barras, vectores o animaciones para mostrar muchos datos de forma creativa.

Te dejo varios ejemplos:

tendencias en diseƱo web para 2021: datos

En este ejemplo puedes ver cĆ³mo se muestran cuatro datos en forma de porcentajes animados que van creciendo a medida que el usuario se desplaza por la pĆ”gina.

tendencias en diseƱo web para 2021: datos

Esta infografĆ­a que publicĆ³ El PaĆ­s hace un tiempo es muy buen ejemplo para entender esta tendencia. Su objetivo es ilustrar de modo creativo y animado cĆ³mo se propaga el Covid en diferentes lugares y situaciones. A medida que el usuario hace scroll van cambiando los datos, textos y colores.

#17 Hero con texto

En diseƱo web se conoce como hero al elemento de grandes dimensiones que es el que visualmente mƔs destaca dentro de una pƔgina. Serƭa el elemento principal del diseƱo.

La tendencia en este sentido son los heros que incluyen texto Ćŗnicamente, sin ningĆŗn tipo de elemento adicional como pueden ser imĆ”genes, vĆ­deos o grĆ”ficos.

Te dejo un ejemplo:

tendencias en diseƱo web para 2021: hero texto

#18 Textos animados

Ya has visto que las animaciones y los elementos interactivos son otra de las tendencias en diseƱo web para 2021, tambiƩn en lo que a textos se refiere.

Los textos animados han llegado para quedarse y el resultado es muy creativo.

Te dejo un ejemplo:

tendencias en diseƱo web para 2021: textos animados

Como puedes ver, se trata de un texto animado en cuanto a movimiento y color, que ademƔs va acompaƱado de un elemento grƔfico que hace de separador.

#19 Efectos hover potentes

Los hover son un efecto habitual en diseƱo web desde hace tiempo, pero en los Ćŗltimos meses han evolucionado hasta llegar a diseƱos mĆ”s potentes.

Ya sabes que el hover es un efecto de CSS que produce un cambio visual al poner el ratĆ³n sobre un elemento. Por ejemplo: un botĆ³n que cambia de color al poner el puntero encima.

Pero si hablamos de hover potentes, te dejo un par de ejemplos:

tendencias en diseƱo web para 2021: efectos hover

En el primero, puedes ver cĆ³mo, al pasar el ratĆ³n por encima de la imagen, el fondo se degrada y ademĆ”s aparece un botĆ³n que en la primera vista no estĆ” disponible.

tendencias en diseƱo web para 2021: efectos hover

En el segundo, mucho mĆ”s visual, puedes ver cĆ³mo, al pasar el puntero por el botĆ³n, se produce un cambio en todo el diseƱo: fondo, efecto separaciĆ³n, imagen, colores, textos y botĆ³n.

#20 Elementos desplazables

Los elementos que se desplazan al realizar una acciĆ³n determinada en la web tambiĆ©n van ganando terreno y se estĆ”n convirtiendo en tendencia.

Como puedes ver en este ejemplo, se trata de una pĆ”gina de servicios en la que la llamada a la acciĆ³n (contĆ”ctanos) se desplaza desde la parte superior y, al hace scroll, entonces aparece el formulario de contacto.

tendencias en diseƱo web para 2021: elementos desplazables

#21 CombinaciĆ³n de elementos

La combinaciĆ³n de elementos, en principio, dispares entre sĆ­ tambiĆ©n va ganando terreno en diseƱo web. Te dejo un ejemplo y te lo explico sobre el mismo:

tendencias en diseƱo web para 2021: combinaciĆ³n de elementos

Como puedes ver en este ejemplo de landing, la cabecera incluye una llamada a la acciĆ³n en la parte central (quiero pedir presupuesto) y en la parte inferior tres botones que llevan al resto de apartados de la web (pĆ”ginas: servicios, blog y sobre mĆ­). AdemĆ”s, en la esquina derecha aparece un formulario de contacto para preguntar dudas; todos ellos elementos diferentes entre sĆ­, pero que en este diseƱo funcionan juntos.

#22 Realidad virtual

La realidad aplicada en diseƱo web permite crear entornos con apariencia real para transmitirle al usuario la sensaciĆ³n de estar dentro de esa escena.

Para ver ejemplos muy buenos de esta tendencia, te recomiendo visitar la web de IKEA, donde han creado marcos de realidad en las que el usuario puede interactuar y comprobar cĆ³mo quedarĆ­a cualquier estancia de su hogar en tiempo real.

Te dejo un ejemplo con una de sus cocinas:

tendencias en diseƱo web para 2021: realidad virtual

Tendencias en diseƱo web obligatorias


Antes de terminar, quiero recordar algunas tendencias en diseƱo web que son obligatorias y que ya he mencionado en ediciones anteriores de este post:

#23 WPO

Una buena velocidad de carga es fundamental en un sitio web por varios motivos:

  • Usabilidad: queremos informaciĆ³n rĆ”pida, no estamos dispuestos a esperar mĆ”s de unos segundos para que una web cargue. Si tu web es lenta, el usuario se marcharĆ”.
  • Conversiones: muy relacionado con el punto anterior; a mejor velocidad de carga, aumentarĆ” el nĆŗmero de conversiones.
  • SEO: la velocidad de carga es uno de los factores clave en el posicionamiento de un sitio web.

Por lo tanto, te recomiendo optimizar tu web para reducir al mƔximo posible su velocidad de carga y ademƔs hacer un buen aprovechamiento de los recursos del servidor (ahorras espacio en tu hosting y tiempo de carga).

ĀæAlgunos consejos rĆ”pidos?

  1. Optimiza muy bien tus imĆ”genes: sĆŗbelas siempre a tu web con las dimensiones requeridas por tu tema y comprimidas para reducir su tamaƱo sin perder calidad.
  2. Utiliza un buen sistema de cachƩ: para ello existen plugins especƭficos, o bien puedes servirte del sistema de cachƩ que te ofrezca tu propio servidor (si lo tiene). En el caso de SiteGround, mi proveedor de hosting, dispone de SuperCacher, su propio servicio de cachƩ para optimizar el rendimiento.
  3. Activa el lazyload (carga perezosa) en imĆ”genes, vĆ­deos e iframes para que este tipo de contenido solo cargue cuando el usuario necesite visualizarlo. Con ello reducirĆ”s el nĆŗmero de solicitudes y mejorarĆ”s el tiempo de carga de tu web.
  4. Comprime, combina y minifica los archivos CSS y JavaScript.

#24 Mobile first

Como ya habrĆ”s imaginado, la navegaciĆ³n desde dispositivos mĆ³viles es prioritaria en estos momentos (y desde hace unos aƱos ya). El propio Google ha reconocido que centra su indexaciĆ³n en la versiĆ³n mĆ³vil del buscador.

Por lo tanto, esta tendencia que prioriza la navegaciĆ³n (y la indexaciĆ³n) desde los telĆ©fonos mĆ³viles hace que, a la hora de diseƱar y desarrollar sitios web, se tenga en cuenta en primer lugar a este tipo de dispositivos.

En este sentido, te recomiendo activar en tu sitio web la tecnologĆ­a AMP, que se encarga de adaptar y mejorar la navegaciĆ³n desde el mĆ³vil, reduciendo al mĆ”ximo la velocidad de carga y priorizando la indexaciĆ³n del contenido en Google.

Yo la tengo activada en los artĆ­culos de este blog desde hace un tiempo y te voy a mostrar las diferencias entre la versiĆ³n responsive y AMP de un post:

tendencias en diseƱo web para 2021: mobile first
versiĆ³n responsive
tendencias en diseƱo web para 2021: mobile first
versiĆ³n AMP

ā¬…ļø A izquierda puedes ver la versiĆ³n responsive de este post que genera Divi (el plantilla de mi web) en base al diseƱo y configuraciĆ³n de mis artĆ­culos.

āž”ļø A la derecha puedes ver la versiĆ³n AMP que genera el plugin AMP for WP en base a los ajustes y estilos que he aplicado en su configuraciĆ³n. Su particularidad es que el diseƱo es mĆ”s simple (ya que carga muchos menos recursos), estĆ” alojado en los propios servidores de Google e incluye una barra superior que te permite ir a la web directamente y salir de la vista de Google.

AdemĆ”s, si activas la tecnologĆ­a AMP, verĆ”s que ahora en los resultados de bĆŗsqueda aparece un āš” al lado de tu web, dato que le permite al usuario saber en quĆ© sitio encontrarĆ” informaciĆ³n rĆ”pida y optimizada.

tendencias en diseƱo web para 2021: mobile first

#25 Legalidad y RGPD

De nada sirve tener un sitio precioso y a la Ćŗltima en lo que a diseƱo se refiere si no es una web legal, es decir, si no cumple rigurosamente con el Reglamento General de ProtecciĆ³n de Datos (RGPD) y la LOPD (Ley OrgĆ”nica de ProtecciĆ³n de Datos).

En este sentido, la cosa se ha puesto seria en los Ćŗltimos meses y ya hay varias empresas que han sido multadas por la AEPD ( Agencia EspaƱola de ProtecciĆ³n de Datos) por no cumplir la legalidad vigente.

Por lo tanto, tener una web legal es totalmente obligatorio, sĆ­ o sĆ­.

Te dejo un resumen para que lo entiendas de forma mƔs grƔfica:

āœ… ĀæQuĆ© es una web legal?

  • Tiene todos los textos legales actualizados y visibles desde cualquier pĆ”gina.
  • Informa a sus usuarios sobre quĆ© datos recoge y quĆ© tratamiento hace de ellos.
  • Tiene todos los formularios adaptados, ya sean de contacto, suscripciĆ³n, registro o comentarios: check con la polĆ­tica de privacidad y capa informativa.
  • Doble-optin: reconsentimiento cuando el usuario se suscribe.
  • Las cookies cargan cuando el usuario las acepta y, en el caso de rechazarlas, no se produce dicha carga.

āŒ ĀæQuĆ© NO es una web legal?

  • Falta alguno de los textos legales, estĆ”n desactualizados o todos en la misma pĆ”gina (errores muy comunes).
  • No se explica el tratamiento que se hace con los datos personales recogidos.
  • Los formularios no estĆ”n correctamente adaptados.
  • La suscripciĆ³n se realizar directamente, sin el doble opt-in.
  • Las cookies cargan sin que sean aceptadas, el usuario no puede rechazarlas o ajustarlas, o directamente se asume su aceptaciĆ³n cuando empieza a navegar.

Este es un resumen "grosso modo". Si necesitas mĆ”s informaciĆ³n sobre legalidad web, te recomiendo echarle un vistazo a los kits de Marina Brocca para legalizar tu web, mi profesional de confianza en esta materia.

#26 Seguridad

Terminamos este repaso hablando de seguridad, un tema fundamental tanto por la privacidad de tus usuarios como por la protecciĆ³n de tu sitio para evitar ataques.

Para tener un sitio seguro, es fundamental tener un certificado SSL que cargue tu web bajo protocolo HTTPs (y no http).

Estos certificados puedes descargarlos y activarlos directamente desde tu proveedor de hosting (el 95% lo incluyen de forma gratuita).

Ten en cuenta que, desde hace un tiempo, la mayorĆ­a de navegadores muestran un mensaje que indica que el sitio no es seguro si la web no cuenta con el certificado SSL.

AdemƔs, si tienes una tienda online, el protocolo HTTPs es obligatorio para que funcionen las pasarelas de pago.

tendencias en diseƱo web para 2021: seguridad
Aviso de web no segura
tendencias en diseƱo web para 2021: seguridad
Mensaje que aparece si tu web es segura

Espero que esta recopilaciĆ³n con las tendencias en diseƱo web para 2021 te sea de mucha utilidad si estĆ”s pensando en crear una web o ya tienes una y quieres actualizarla. Recuerda que, si necesitas ayuda con este proceso, tienes a tu disposiciĆ³n mi servicio de diseƱo web šŸ˜‰

Summary
šŸŽØ 26 tendencias en diseƱo web para 2021 + ejemplos
Article Name
šŸŽØ 26 tendencias en diseƱo web para 2021 + ejemplos
Description
Descubre las tendencias en diseƱo web para 2021, los formatos y tipos de diseƱo actuales, y ejemplos de webs originales y modernas.
Author
Publisher Name
Max CamuƱas
Publisher Logo

10 Comentarios

  1. Aleix

    Gran artĆ­culo Max, y por supuesto estoy realmente de acuerdo con todo lo que has expuesto en este post. Destacando los elementos desplazables, la combinaciĆ³n de elementos y el Ć©nfasis en los datos. No hay que dejar de mencionar que es de uso obligatorio los textos legales y el SSL.

    Responder
    • Max CamuƱas

      Me alegro que coincidas, Aleix ?

      Ā”Muchas gracias por pasarte y comentar!

      Responder
  2. Ɠscar

    Ā”Genial post, muy completo e ilustrativo, muchas gracias Max!

    Me gustarĆ­a preguntarte cĆ³mo haces los gifs animados que pones en los ejemplos, Ā”me encantan!.

    Un abrazo ?

    Responder
    • Max CamuƱas

      Ā”Muchas gracias, Ɠscar!

      Lo que hago es capturar primero la pantalla en vĆ­deo con la herramienta del Mac y luego convertirlo a GIF en ezgif.com/video-to-gif

      Un abrazo

      Responder
  3. Marcos

    Hola, Max.
    Muy de acuerdo con todas estas tendencias šŸ˜‰
    Ā”QuĆ© bonitas animaciones veo por aquĆ­!

    ĀæTodas con Divi, verdad?

    Ā”Un abrazo!

    Responder
    • Max CamuƱas

      Hola Marco,

      AsĆ­ es. Salvo los ejemplos de Ikea y El PaĆ­s, todas son ejemplos de diseƱos hechos con Divi šŸ™‚

      Ā”Gracias por pasarte!

      Un abrazo

      Responder
  4. Marcos

    Hola Max, gracias por tan buenas recomendaciones.
    Una pregunta. En cuestiones legales, dices que errores muy comunes son la falta de alguno de los textos legales o que estĆ©n desactualizados, o que todos estĆ©n en la misma pĆ”gina. ĀæQuĆ© quieres decir con esto Ćŗltimo? ĀæSerĆ­a posible tener toda la informaciĆ³n legal en una sola pĆ”gina, pero en orden, a la que se puede acceder desde enlaces diferentes (Aviso Legal, Privacidad, Cookies...)?
    Un saludo.

    Responder
    • Max CamuƱas

      Hola Marcos,

      El reglamento indica que los textos legales deben ser accesibles desde cualquier parte de la web, por lo que lo mĆ”s habitual es colocarlos en una zona comĆŗn (footer, por ejemplo) y cada uno en su propia pĆ”gina. PodrĆ­as ponerlos en la misma pĆ”gina con enlaces de ancla, pero no es lo mĆ”s comĆŗn. Como usuarios, al final nos hemos acostumbrado a que sean independientes y es la prĆ”ctica que estĆ” mĆ”s extendida.

      Espero haberte ayudado.

      Saludos

      Responder
  5. Mario Alonso

    Hola, muy buen articulo, te queria consultar concretamente por el ejemplo #6 de apilamiento de objetos, tenes idea si hay algun plugin para hacer ese efecto en WordPress? desde ya muchas gracias

    Responder
    • Max CamuƱas

      Hola Mario,

      El efecto sticky se puede hacer con CSS, aunque yo lo hago directamente con Divi, ya que es una opciĆ³n que incluye.

      Saludos

      Responder

Enviar un comentario

Tu direcciĆ³n de correo electrĆ³nico no serĆ” publicada. Los campos obligatorios estĆ”n marcados con *

Para cumplir con el nuevo RGPD y que tus datos estƩn a salvo, debes leer y aceptar mi polƭtica de privacidad. Tus datos serƔn guardados en SiteGround y WordPress, mi proveedor de hosting y el CMS que utilizo en esta web.

ĀæNecesitas una pĆ”gina web, blog, landing o tienda online?
Ā”PIDE TU
PRESUPUESTO!

DiseƱa
tu web

DiseƱa
tu imagen

Impulsa
tu proyecto

Optimiza
y posiciona

masterclass

10 CLAVES PARA QUE TU WEB BRILLE CON LUZ PROPIA

MASTERCLASS: 10 claves para que tu web brille con luz propia

guĆ­a

PARA DISEƑAR LOGOTIPOS MEMORABLES

GUƍA para diseƱar logotipos memorables