En SER o no SER Marketing Digital, nos dedicamos a ofrecer soluciones integrales a nuestros clientes, especialmente cuando se trata de mejorar su presencia online. Uno de los pilares fundamentales de nuestro trabajo es el diseño web, que no solo se trata de hacer que una página luzca bien, sino de crear una experiencia que facilite la navegación, la conversión y, sobre todo, que refleje de manera efectiva la identidad y los valores de la empresa. 

Hoy te contamos la historia de cómo transformamos el sitio web de uno de nuestros clientes, una empresa con una propuesta de productos única, pero con varios obstáculos en su presencia digital que necesitaban ser resueltos para destacar en un mercado cada vez más competitivo.

El punto de partida: Una web con mucho potencial, pero muchas barreras

Cuando este cliente llegó a nosotros, su sitio web estaba lejos de ser una herramienta eficaz. Si bien tenía información técnica valiosa sobre sus productos, la web presentaba varios problemas que dificultaban la interacción con los usuarios y la conversión en clientes potenciales. Aquí te contamos los principales problemas que identificamos:

1. Dificultad de contacto

El sitio web original tenía opciones de contacto que eran poco visibles y difíciles de encontrar. En la mayoría de los casos, los usuarios deben realizar múltiples clics para llegar a un formulario de contacto o encontrar el número de teléfono de la empresa. Esto no solo es frustrante, sino que también hace que los usuarios potenciales se desmotiven y abandonen el sitio antes de interactuar con la empresa.

2. Información técnica, pero sin imágenes atractivas

A pesar de que la empresa proporcionaba información técnica detallada sobre sus productos, carecía de una representación visual adecuada. Los usuarios, no tenían imágenes claras y atractivas de los productos. La falta de imágenes o presentaciones visuales hacía que la web resultara fría y poco atractiva para los visitantes.

3. Falta de un diseño visualmente atractivo

El diseño del sitio web era muy básico y no destacaba frente a la competencia. El estilo era anticuado y carecía de elementos modernos y dinámicos que pudieran captar la atención de los visitantes. Un diseño pobre no solo afecta la estética de la web, sino también la percepción que los usuarios tienen de la empresa.

4. Mostrar sólo un par de virtudes de los productos

Aunque los productos de nuestro cliente eran de alta calidad y contaban con múltiples beneficios, el sitio web sólo destacaba unas pocas virtudes. No se explicaba de manera clara el valor de cada producto o sus ventajas en comparación con la competencia, lo que limitaba el potencial de ventas.

5. Falta de secciones individuales para cada producto

Cada producto tenía una breve descripción, pero no contaba con una página o sección dedicada a él. Esto dificultaba a los usuarios obtener información detallada, como los materiales, características, usos y ventajas de los productos. Además, las imágenes de los productos eran escasas y no estaban organizadas de manera atractiva.

La solución: Un rediseño web que transforma la experiencia del usuario

Tras un análisis detallado de las necesidades de nuestro cliente y sus usuarios, nos pusimos manos a la obra para crear un rediseño que resolviera todos los problemas identificados y mejorara significativamente la experiencia de navegación y la conversión en el sitio. Así fue como logramos transformar su presencia online:

1. Facilitamos el contacto con botones accesibles y llamativos

Para resolver el problema de la dificultad de contacto, diseñamos botones de contacto visibles y accesibles en todo momento. Los botones de «Contáctanos» y «Solicita más información» fueron colocados estratégicamente a lo largo de todo el sitio web, asegurándonos de que los usuarios pudieran comunicarse con la empresa de manera rápida y sencilla. Este cambio aumentó significativamente la tasa de conversión y mejoró la interacción de los usuarios con la empresa.

2. Un diseño visualmente atractivo y limpio

El diseño de la web fue completamente renovado. Optamos por un diseño moderno, limpio y atractivo, con una paleta de colores coherente con la identidad de la marca y que generara una sensación de confianza y profesionalismo. La tipografía se eligió cuidadosamente para mejorar la legibilidad, y los elementos visuales se organizaron de manera que facilitaran la navegación del usuario.

3. Información detallada con imágenes de productos, familias y materiales

Una de las mejoras más significativas fue la inclusión de información detallada sobre los productos, sus materiales y sus familias. Creamos secciones individuales para cada producto, donde se describen sus características, beneficios y usos, acompañados de imágenes de alta calidad que muestran el producto desde diferentes ángulos. De esta manera, los usuarios pueden tener una mejor comprensión de lo que están comprando y cómo se beneficiarán de ello.

4. Diseño responsive: adaptado a todos los dispositivos

Sabemos que la mayoría de los usuarios hoy en día navegan por internet a través de dispositivos móviles. Por ello, nos aseguramos de que el nuevo diseño fuera completamente responsive, es decir, que se adaptara perfectamente a todos los tamaños de pantalla, ya sea en un teléfono móvil, una tableta o una computadora de escritorio. Este cambio mejoró la experiencia de navegación y permitió que la empresa llegara a una mayor audiencia, independientemente del dispositivo que estuvieran utilizando.

El resultado: Un sitio web que atrae, convierte y retiene

Gracias al rediseño integral del sitio web, la empresa experimentó un aumento significativo en la interacción con los usuarios y, lo más importante, en las conversiones. Los clientes ahora podían acceder fácilmente a la información que necesitaban, contactar con la empresa sin complicaciones y ver sus productos de una manera mucho más atractiva y profesional.

En SER o no SER nos enorgullece ver cómo nuestras soluciones tienen un impacto directo en los resultados de nuestros clientes. Cada proyecto es una oportunidad para crear algo único y funcional, y estamos comprometidos en seguir ayudando a las empresas a destacar en un entorno digital cada vez más competitivo.

Si tu empresa también necesita mejorar su presencia online, ¡no dudes en contactarnos! Estamos aquí para ayudarte a transformar tu sitio web en una herramienta poderosa que impulse tu negocio.

Antes de comenzar con el contenido en sí del post, queremos recordarte la importancia que tiene hoy en día contar con una web que sea responsive. Es decir, que tu web esté adaptada a cualquier tipo de dispositivo desde el que poder acceder a Internet.  Esto implica que la página podrá modificarse de tamaño en función de la pantalla sin que los elementos que la componen se deformen o se descoloquen. No se trata únicamente de redimensionar las imágenes en función del tamaño de la pantalla, va mas allá.

La necesidad de contar con sitios web que se puedan adaptar a cualquier tipo de dispositivos sin importar el tamaño de la pantalla es lo que ha llevado a los diseñadores web a crear este tipo de diseños. Pero si aún te quedan dudas aquí te dejamos tres motivos que te convencerán definitivamente para adaptar tu web:

• Un diseño responsive mejora la usabilidad y legibilidad cuando realizamos búsquedas en un dispositivo móvil. Hoy en día, es fundamental ya que las búsquedas las realizamos mayoritariamente a través de otros dispositivos que no son el ordenador.
• No será necesario generar diferentes contenidos para las diferentes versiones de la web.
• Conseguirás un mejor posicionamiento en Google ya que, uno de sus parámetros para valorar mejor o peor una web es que cuente con una web adaptada a todos los dispositivos.

Una vez recordado lo importante que es contar con una web adaptada, pasamos al tema en cuestión.

¿Cómo podemos saber si nuestra web funciona correctamente cuando los usuarios la visitan desde sus móviles?

Hoy en día la mayor parte del contenido que encontramos en Internet lo consumimos a través de los dispositivos móviles, y Google es consciente de esta cuestión. Por esta razón el buscador mas utilizado en el mundo, ha decidido modificar por completo su herramienta Test my site.

Se trata de una herramienta muy útil  con la que se mide la velocidad de tu web, hoy en día vamos buscando rapidez e inmediatez a la hora de realizar cualquier cosa y más cuando se trata de una búsqueda en internet, por esta razón es fundamental que tu sitio esté bien optimizado y sobre todo sea rápido. (Entre otras cuestiones)

Los nuevos parámetros que evalúa Google de cara a tu web móvil son:

1. El tiempo global de carga de tu página web (móvil) y también de todas las páginas individuales
2. La relación de esa velocidad en el momento actual con respecto al mes anterior.
3. Se compara además la velocidad de tu web con la de tu competencia.

Estos son algunos de los datos que podemos extraer del informe que nos proporciona Google sobre nuestra web de cara a su adaptación para móviles.

Es fundamental, hoy en día no solo de cara a los usuarios sino también de cara al posicionamiento SEO contar con una web responsive. Google valorará de forma este punto, y posicionará mucho mejor tu marca.¿A qué esperas para adaptar tu web?

Es algo sabido por todos que si continuamos maltratando de esta forma el entorno en el que vivimos terminaremos por desaparecer. Por suerte, empezamos a tomar conciencia de la importancia de reducir las emisiones de CO2 que enviamos a la atmosfera en muchos ámbitos de nuestras vidas.

Somos cada vez más conscientes de que tenemos que reciclar y tirar el plástico al cubo amarillo y la basura orgánica al verde, movernos en transporte público, bicicleta o a pie en vez de usar tanto el coche.

Pero, ¿sabías que también tu web contamina? Pues sí, Internet deja una huella de carbono que cada día crece más y más debido al aumento de su consumo. Y las cifras son alarmantes, ni más ni menos que 830 millones de toneladas de CO2 se emiten al año. Y la tendencia es bastante desfavorecedora, se espera que en 2020 esta cifra sea prácticamente el doble.

Pero no todo está perdido y tenemos la oportunidad de cambiar, actualmente el 40% de esa huella de carbono se debe al diseño de la web. Las imágenes de alta resolución y todos aquellos elementos que introducimos en la página que  provocan un consumo desmesurado de energía son la causa de esta contaminación.

¿En qué consiste la huella de carbono de una web?

Se trata de calcular la energía que puede consumir una web, de igual manera que se calcula en la industria del automóvil calculando el uso de energía en un coche en kilómetros, en una web se calcula el uso de la energía en datos de descarga. De forma que se puede establecer una relación entre el tamaño de la página y la huella de carbono.

Lo vemos con un ejemplo: la página web de Tumblr  que cuenta con una media de visitas de 83 millones al día ( se calcula que un 10% de esas visitas se hacen desde el móvil) emite diariamente 2600 toneladas de CO2 al día.

Consejos para reconvertir el diseño web en sostenible

1. Estrategia de contenido: una forma de reducir el peso de la web puede ser sustituir el contenido que tiene un gran peso por alternativas menos pesadas, cambiar vídeos por imágenes o imágenes por texto, siempre que sea posible, respetando tus objetivos y sin descuidar las necesidades de tu web
2. Diseño visual: sabemos las imágenes en la web son muy importantes, pero son también la mayor causa de la huella de carbono en la web. Por ello, son uno de los elementos por los que debemos empezar, una de las mejores formas es almacenándolas en el formato adecuado y optimizarlas. Existen herramientas gratuitas que consiguen esto.
3. Un diseño responsive: tenemos que tener en cuenta que mayoritariamente las consultas en la web se realizan a través de dispositivos móviles. Los datos móviles contaminan mucho más que los datos regulares, por lo que una gran ayuda para reducir esa contaminación es asegurarnos que contamos con una página responsive.

El diseño del código de la web también puede adaptarse a esta tendencia para reducir las emisiones, todas aquellas modificaciones que ayuden a reducir los datos, son bienvenidas, los scrips encogidos, las descargas comprimidas, la comunicación de archivos, son algunos de los ejemplos que pueden ayudar. Tiene una gran relación con la rapiez con la que responde la página, y para ello  podemos usar una herramienta gratuita de Google el Google Page speed, que puede darnos pistas acerca de que podemos modificar para hacerla más rápida y por tanto que su consumo de energía sea menor.

Estos son algunos de los consejos para conseguir una página más sostenible.  Los consejos que hemos mencionado son en general para optimizar la web, algo que no solo ayudará  reducir las emisiones, sino que también son medidas para optimizar el rendimiento de la web a niveles generales, lo que ayudará a mejorar también la experiencia de los usuarios al entrar en ella.

Lo que a su vez repercutirá de forma muy positiva en el SEO, así que si tenías alguna duda sobre si merece la pena o no la respuesta es clara POR SUPUESTO QUE SÍ, beneficios para el medio ambiente, y una mejora en las conversiones. ¿Qué más se podría pedir?