Desde CITIFACE nos gusta cuidar mucho todos y cada uno de los detalles de diseño en cada uno de ellos de nuestros proyectos y tiendas on-line que efectuamos. De ahí que estamos al loro de las últimas tendencias en diseño web y experiencia de usuario.

¿Todavía no conoces cuáles son las tendencias en diseño web para este año? No pasa nada, te las detallamos a continuación para que puedas renovar el diseño de tu ecommerce.

Back to top

1) Diseño de ancho completo

Hoy en día ya no nos resulta extraño que al entrar en un sitio utilicen todo el ancho de la pantalla, tanto en cabeceras, imágenes (hero images) y vídeos. Esto es una forma de captar la atención del usuariotransmitiendo en un simple golpe de vista la propuesta de valor del negocio y su imagen de marca.

A su vez, se pasa de los encabezados o hero de esta clase, que como se puede observar ocupan mitad de pantalla:

A este nuevo diseño de encabezado donde se mezclan las grandes tipografías con leyes de usabilidad(texto a la izquierda).

Tal y como podemos ver en la página web de Stripe, ya se está empezando a mover el titular y el CTA (Call to action o llamada a la acción) a la izquierda, reduciendo la imagen y colocándola a la derecha, normalmente siempre y en todo momento diseñada de forma personalizada para este fin. En consecuencia, ya se empieza a ver más pluralidad en el uso de los encabezados clásicos (con el titular centrado encima de una imagen llamativa). En esta clase de diseño clásico, la atención del usuario se centra en la imagen donde se sobrepone el texto, que lo que señala el texto en sí.

También, el ser humano está habituado a leer desde la izquierda a la derecha (al menos en la mayoría de idiomas) por lo que tener el texto en la izquierda y la imagen a la derecha ayuda a la usabilidaddel usuario.

Back to top

2) Diseño de tipografías (como principal elemento)

En cuanto a la tipografía debemos ser conscientes de que cada vez está más presente en el diseño web como principal elemento. Esto es, se emplean tamaños de letras exageradas, gigantes, convirtiéndolas en las protagonistas del diseñoy en torno a ellas gira el mensaje primordial que se quiere transmitir en la página o bien sección donde se encuentren.

A continuación, en este caso, puedes ver cómo el texto se transforma en el elemento principal de esta web.

¿Todavía no conoces cuáles son las tendencias en diseño web para este año? No pasa nada, nosotros te las detallamos a continuación para que puedas renovar el diseño de tu ecommerce.

Back to top

1) Diseño de ancho completo

Hoy en día ya no nos resulta extraño que al entrar en un sitio web utilicen todo el ancho de la pantalla, tanto en cabeceras, imágenes (hero images) y vídeos. Esto es una manera de captar la atención del usuariotransmitiendo en un simple golpe de vista la propuesta de valor del negocio y su imagen de marca.

A su vez, se pasa de los encabezados o bien hero de este género, que como se puede observar ocupan mitad de pantalla:

A este nuevo diseño de encabezado donde se mezclan las grandes tipografías con leyes de usabilidad(texto a la izquierda).

Tal y como podemos ver en la página web de Stripe, ya se está empezando a mover el titular y el CTA (Call to action o bien llamada a la acción) a la izquierda, reduciendo la imagen y colocándola a la derecha, generalmente siempre y en toda circunstancia diseñada de forma personalizada para este fin. Por tanto, ya se comienza a ver más pluralidad en el uso de los encabezados clásicos (con el titular centrado encima de una imagen atractiva). En este género de diseño clásico, la atención del usuario se centra en la imagen donde se sobrepone el texto, que lo que señala el texto en sí.

También, el ser humano está habituado a leer desde la izquierda a la derecha (cuando menos en la mayoría de idiomas) por lo que tener el texto en la izquierda y la imagen a la derecha ayuda a la usabilidaddel usuario.

Back to top

2) Diseño de tipografías (como principal elemento)

En cuanto a la tipografía debemos ser conscientes de que cada vez está más presente en el diseño web como elemento principal. O sea, se emplean tamaños de letras exageradas, gigantes, convirtiéndolas en las protagonistas del diseñoy en torno a ellas gira el mensaje principal que se quiere trasmitir en la página o bien sección donde se encuentren.

A continuación, en este caso de ejemplo, puedes ver cómo el texto se transforma en el elemento principal de esta web.

Esta tendencia todavía convive con el uso de tipografías hechas a mano, originales, con personalidad… la tendencia en diseño web de dos mil diecinueve nos señala que triunfan las letras minimalistas, como podría ser la Helvética.

¡Calcula el presupuesto de tu web en un minuto!

En un minuto sabrás el presupuesto de tu página web, sin esperas, sin pagar de más y solo por lo que verdaderamente precisas para lograr los objetivos de tu empresa.

Si eres una de esas personas que están en la búsqueda de las opciones mejores para diseñar su página web para su empresa, o bien si eres de esas otras personas que tiene una página web diseñada pero necesitas cambiar el sistema con el que trabaja, entonces lo que comento en este artículo, te interesa.

Sobre en el momento de apreciar, uno se encuentra con muchas opciones y, si vas en búsqueda de un diseñador o bien desarrollador web, puedes hallarte con algunos que intentarán darte la solución de diseño web completamente a la medida, sin emplear plataformas de gestión de contenidos como Wordpress. ¿Por qué? Porque es su trabajo y pues piensan, erróneamente, que el diseño de una página web desde cero les deja mucha más libertad para crear.

Ahora bien, las personas con experiencia en el marketing web y digital, singularmente si formamos parte de una, que buscamos lo práctico sin sacrificar la calidad del resultado, apostamos por utilizar siempre gestores de contenidos, muy singularmente, WordPress.

¿Tu web debería diseñarse en Wordpress? Sí, completamente, siempre y en todo momento. Da lo mismo que seas una autónomo, microempresa, o gran multinacional: WP es una plataforma versátil que se adapta a cualquier empresa y proyecto web.

Créeme cuando te digo que he probado las 2 alternativas, el diseño de páginas web a medida desde cero, y el desarrollo de páginas web desde un gestor de contenidos como WordPress, y la experiencia cambia drásticamente a favor de la segunda opción.

Mientras que diseñar una página web con WP precisa de unas pocas semanas, además de economizarmucho el desarrollo puesto que el sistema de gestión de contenidos es gratis, con un diseño de una página web desde cero, además de disparar los costes, puedes tardar varios meses en crearlo. En ciertas páginas web, aun puede tardar en completarse más de 6 meses, lo cual para mí, hoy en día, con la velocidad frenética del marketing en Internet, me parece una insensatez.

Luego, con el resultado ves una vez más la diferencia. Con Wordpress tienes un sistema altamente intuitivo y de fácil usomientras que, con un sistema desarrollado desde cero, debes descifrar cómo utilizar cada una de las opciones, si bien esto último siempre dependerá de la lógica de la compañía de diseño de páginas en WordPress.

El diseño gráficoes unaycuya actividad consiste en proyectardestinadas a transmitirespecíficos a, con objetivos ciertos. Esta actividad ayuda a optimar las comunicaciones gráficas. También se conoce con el nombre de diseño en comunicación visual, diseño de comunicación visual o diseño visual.

Dado el crecimiento veloz y masivo en el intercambio de información, la demanda de diseñadores experimentados es mayor que nunca, particularmente a causa del desarrollo de nuevas tecnologías y de la necesidad de prestar atención a los factores humanos que escapan a la competencia de los ingenieros que las desarrollan. ​

Algunas clasificaciones difundidas del diseño gráfico son: diseño gráfico,,,de marca,, diseño de, diseño,,, diseño de información,,,,,, entre otros.

Back to top

1) Historia del diseño gráfico

La definición de la profesión del diseñador gráfico es más bien reciente, en lo que se refiere a su preparación, su actividad y sus objetivos. Aunque no existe acuerdo sobre una fecha precisa en la que nació el diseño gráfico, ciertos lo datan a lo largo del período de entre guerras. Otros entienden que empieza a identificarse como tal para finales del siglo XIX.

Puede argumentarse que comunicaciones gráficas con propósitos específicos tienen su origen en lasdely en el nacimiento del lenguaje escrito en el tercer milenio a. C. Pero las diferencias de métodos de trabajo,auxiliares y formación requerida son tales que no es posible identificar con claridad al diseñador gráfico actual con el hombre de la prehistoria, con eldelo con elde.

La diversidad de creencias responde a que algunos consideran como producto del diseño gráfico a cualquier manifestación gráfica y otros únicamente a aquellas que brotan a resultas de la aplicación de un modelo de producción industrial; o sea, aquellas manifestaciones visuales que han sido "proyectadas" contemplando necesidades de diversos tipos: productivas, simbólicas, ergonómicas, contextuales, etc.

1.1) Antecedentes

El—una Biblia manuscrita profusamente ilustrada, efectuada por frailes irlandeses del siglo IX— es para algunos un muy hermoso y temprano ejemplo del concepto de diseño gráfico. Se trata de una manifestación gráfica, de gran valor artístico, de altísima calidad, y que incluso sirve de modelo para aprender a diseñar —pues incluso supera en calidad a muchas de las producciones editoriales actuales—, y además desde cierto punto de vista funcional contemporáneo esta pieza gráfica responde al conjunto de necesidades planteadas al equipo de personas que lo realizó, no obstante otros consideran que no sería producto del diseño gráfico, pues entienden que su concepción no se ajusta a la idea del proyecto de diseño gráfico actual.

El rediseño web es un tema que a veces el solo hecho de proponerlo produce muchas interrogantes y las principales recaen sobre el tiempo que implica para el equipo que estará implicado directamente o bien indirecta.

Por lo que te voy a especificar cuando si conviene que hagas un rediseño web y las etapas, tiempos y equipo que debes estimar para que el resultado sea un sitio web que tenga éxito.

Entonces si estás pensando en un rediseño este contenido te va a ser de mucha utilidad.

Así que veamos los primeros puntos clave en el rediseño web.

Back to top

1) Define un fin para el rediseño de tu sitio web

Siempre he dicho que es importante fijar objetivos y en el rediseño de un sitio es aún más esencial, con lo que el paso inicial es acotar un fin smart global y pequeños objetivos si es necesario.

Los objetivos deberían ser algo parecidos a esto:

Rediseñar el sitio para acrecentar el porcentaje de conversión de leads de un 1 por cien al 2 por ciento en un plazo de 6 meses para producir más leads calificados para el equipo de ventas y así aumentar un 10 por ciento las ventas.

Ese ejemplo de objetivo global podemos separarlo en pequeños objetivos para los implicados.

Veamos un ejemplo que involucra a un área en específico:

Mejorar la velocidad de carga del sitio pasando de 10/100 a mínimo 60/100 para disminuir la tasa de rebote e impactar de forma positiva en la permanencia del sitio.

Quizás los ejemplos de objetivos que mencioné puedan resultar evidentes pero créeme, más del 90 por ciento de los rediseños web no contemplan esas mejoras dentro de su plan.

Entonces a fin de que todos sepan cuál es el reto y qué se requiere para lograrlo tómate el tiempo de acotar una meta ligado de manera estrecha a tus objetivos de crecimiento.

Back to top

2) Involucra a las áreas más importantes en el rediseño web

Ya con el objetivo elaborado es instante de implicar a las áreas relacionadas y las que verán mayor beneficio.

El área de ventas es la que mayor beneficio le supone el rediseño web, la razón es porque un sitio web en nuestros días es nuestro primordial vendedor, mas a fin de que sea un vendedor estrella requiere estar dotado de lo que tus potenciales prospectos desean ver.

Entonces qué mejor área que el equipo de ventas para mentar que podría resultar mejor que se muestre esto o bien aquello en el lugar que ventas.