Ejemplo de pattern/textura corporativa para packaging de cosméticos

Ibizaloe: Rediseño de tienda online y branding con impacto en ventas

En el verano de 2023, César, fundador de Ibizaloe, nos contactó desde su plantación de Aloe Vera en Ibiza con una preocupación urgente: las ventas de su tienda online habían caído un 50% en comparación con años anteriores.

Ibizaloe es una empresa familiar dedicada a la cosmética natural con Aloe Vera 100% puro, comprometida con ofrecer productos sin parabenos, sin siliconas y no testados en animales. A pesar de la calidad de sus productos y el valor diferencial de contar con cultivos propios en la isla, su tienda online no reflejaba adecuadamente su propuesta de valor ni transmitía la confianza necesaria a sus clientes.

César nos planteó la necesidad de un rediseño completo de su tienda online  con el objetivo de revitalizar la imagen de la marca, mejorar la navegabilidad de la tienda y aumentar las conversiones, impulsando nuevamente las ventas y el reconocimiento de Ibizaloe.

ómo Definir la Personalidad de Tu Marca de Cosmética

UN NUEVO RETO:

La Evolución Digital de Ibizaloe

Ibizaloe, una marca especializada en productos naturales a base de aloe vera, ha sido durante años un referente en su sector. Sin embargo, su presencia digital no reflejaba la calidad ni la identidad de la empresa. A pesar de contar con una tienda online funcional, el diseño desactualizado y la falta de una estrategia de branding coherente hacían que la experiencia de usuario fuera deficiente y las conversiones limitadas.

El equipo directivo de Ibizaloe se dio cuenta de que necesitaban un cambio radical. No se trataba solo de modernizar su página web, sino de redefinir su identidad visual y construir una marca digital potente que generara confianza y atrajera nuevos clientes. Fue entonces cuando decidieron confiar en Brandesign para llevar a cabo una transformación integral de su imagen y tienda online.

Vista de tienda online con identidad visual bien aplicada (ejemplo genérico).

El Rediseño del Logotipo y Branding: Construyendo una Identidad Sólida

Problema: Una Marca Sin Fuerza Visual

El logotipo original de Ibizaloe tenía elementos tradicionales y colores que no destacaban en un mercado competitivo. La identidad visual carecía de coherencia y no transmitía la frescura y la naturalidad de sus productos. Además, los elementos gráficos no estaban diseñados para una aplicación digital efectiva, lo que limitaba su adaptabilidad en diferentes plataformas, usaban la fotografía de una planta de Aloe Vera, y nosotros quisimos cambiar una marca figurativa (aloe vera) por una marca evocativa (Ibiza). El logotipo de tu marca no tiene siempre que ser tu producto, de la misma forma que el logotipo de Nike NO es una zapatilla, el logo de Apple NO es un ordenador y el de OLAY NO es una crema.

El anterior logotipo de Ibizaloe

el logotipo anterior de ibizaloe

El antiguo logotipo:

Detectamos varios problemas clave en el diseño anterior:

  • Paleta de colores: quizás la presencia de colores tan saturados nos insinúa la presencia de químicos, aspecto que contradecía a lo natural de sus productos, el verde era un acierto como color pero teníamos que trabajar esas 2 tonalidades

  • Isotipo: ¿Porque la foto del aloe vera está siempre asociada con el logotipo (tipográfico)? no es como muy redundate o obvio?
  • Pobre Kerning: Espaciado entre letras demasiado ajustado, lo que reducía legibilidad en tamaños pequeños.

El nuevo logotipo de Ibizaloe

rediseño del logotipo de Ibizaloe

El nuevo logotipo:

Nuestra propuesta de rediseño resolvió estas deficiencias con un enfoque más dinámico, moderno y funcional:

  • Paleta de colores: Inspiradas más en los colores de Ibiza, 50% del branding de ibizaloe, conservando el verde pero con gradientes suaves al turquesa mediterráneo.

  • Tipografía: Mantuvimos la tipografía de palo seco, pero trabajando la letra ‘A’ amalgama de Ibiza – y  Aloe, para poderla luego trabajar como futuro isotipo.
  • Kerning: Trabajamos muchos en la legibilidad de un logotipo que en el 100% del hábitat del packaging es serigrafiado en espacios reducidos optimizando su legibilidad.
Proceso de diseño de logotipo: desde sketches hasta versión final.

Análisis: Estudiando la Esencia de Ibizaloe

Antes de abordar el rediseño, Brandesign realizó una investigación profunda de la marca. Se analizaron los valores de Ibizaloe, su historia y su propuesta de valor. La empresa se basa en principios de sostenibilidad, pureza y compromiso con la naturaleza. Estos elementos debían reflejarse en su nueva identidad visual.

También se estudiaron tendencias en diseño de branding para marcas ecológicas y competidores directos. Se identificaron oportunidades para diferenciar a Ibizaloe y crear una identidad gráfica que reforzara su posicionamiento como marca premium de cosmética natural.

Acciones: Creando una Identidad Visual Impactante

  1. Logotipo Modernizado: Se diseñó un nuevo logotipo más minimalista y elegante, con líneas limpias que evocan la pureza del aloe vera. La tipografía fue seleccionada cuidadosamente para transmitir confianza y naturalidad.
  2. Paleta de Colores Renovada: Se optó por tonos verdes más frescos y orgánicos, combinados con matices terrosos que evocan la conexión con la naturaleza. El objetivo era transmitir calma, bienestar y autenticidad.
  3. Elementos Visuales Cohesivos: Se desarrollaron iconografías y patrones inspirados en la hoja de aloe vera, que se integraron en el diseño del packaging, redes sociales y material promocional.
agencia de diseño web en madrid para tiendas de productos
Moodboard de inspiración para branding de cosmética natural.

Resultados: Una Marca Fuerte y Reconocible

El rediseño de la identidad visual logró que Ibizaloe se destacara en el mercado. La nueva imagen transmitía confianza y profesionalismo, lo que generó un aumento del reconocimiento de marca.

  • Mayor engagement en redes sociales: Un crecimiento del 40% en interacciones gracias a un branding más atractivo.
  • Refuerzo de la credibilidad: Clientes y distribuidores destacaron la renovación como un paso clave para consolidar la marca.
  • Adaptabilidad digital: El nuevo diseño se integró perfectamente en todos los canales de comunicación online.
Banners promocionales con estilo coherente para tienda online de cosmética.

Manual de Identidad Corporativa:

Una vez definida toda la estrategia de marca para la empresa, procedimos a plasmar las pautas técnicas de aplicación del logotipo en diferentes escenarios: El uso de colores para impresos y soportes digitales, el abanico de fuentes tipográficas ideales para piezas de comunicación, y establecimos una temática visual en torno a ilustraciones flat modernas donde pudiéramos desarrollar los diferentes escenarios de sostenibilidad: ilustraciones de smartcities, personas desplazándose con patinetes, cargando su coche eléctrico, aprovechando de forma responsable la energia renovable.

Como veréis, ha sido un lujo poder plantear y plasmar toda la nueva estrategia a la marca de la mano con el cliente.

En los capítulos de este manual de identidad corporativa se definieron:

  • Paleta de color
  • Tipografías y jerarquías de texto
  • Logotipo
  • Variaciones, aplicaciones y usos como recurso gráfico
  • Tono de comunicación
  • Convivencia con los otros logotipos de las entidades

DISEÑO Y DESARROLLO DE LA TIENDA ONLINE:

Problema: poco optimizado para móviles

La tienda online de Ibizaloe no ofrecía una navegación fluida, muchas de las capas se superponían las unas a las otras, y habia multitud de layers pujando en el movil por estar encima. La estructura de categorías no era clara, el proceso de compra lo veíamos complejo en el móvil y sabiendo que la tienda se ubicaba en la plantación de la isla ibizanca, reconocíamos la importancia del Mobile First para el diseño.

Y lo más importante: muchos de los productos no tenían un product listing, no comunicaba eficazmente los beneficios de los productos ni transmitía la esencia de la marca. No te trasladaba a Ibiza.

Análisis: Diagnóstico y Oportunidades de Mejora

Para identificar las áreas críticas, Brandesign realizó un estudio de experiencia de usuario (UX) que incluyó:

  • Análisis del comportamiento de los usuarios: Se identificaron puntos de fricción en el proceso de compra y páginas con altas tasas de rebote.
  • Benchmarking competitivo: Se analizaron tiendas online exitosas en la industria cosmética para implementar mejores prácticas.
  • Branding evocativo: Se recopilaron las tendencias en usabilidad de e-commerce y buscamos los elementos que los usuarios prefieren para su navegación, así como la identificación de fijar un formato para cada propósito: los testimoniales, las reseñas, las características y la ficha de producto.

De una tienda genérica a una experiencia de marca auténtica

En el mundo digital, una tienda online no es solo un escaparate de productos, sino una experiencia de compra que debe conectar con los usuarios. El antiguo diseño de Ibizaloe se centraba únicamente en exhibir los envases de los productos, dejando de lado un elemento clave en la cosmética natural: la piel.

Desde Brandesign, comprendimos que vender cosmética natural va más allá de mostrar botes y etiquetas. Los consumidores de hoy buscan naturalidad, conexión y una experiencia sensorial incluso antes de probar el producto. Por ello, rediseñamos la tienda online de Ibizaloe con un enfoque más humano y atractivo.

De lo impersonal a lo sensorial

  • Antes: Un catálogo estático que solo mostraba envases, sin transmitir la esencia de la marca ni la experiencia de uso.

  • Ahora: Un diseño que humaniza la marca, incorporando imágenes de aplicación en la piel para que los usuarios identifiquen si es un gel, una crema o un mousse.

El diseño anterior exhibía los productos como simples envases, sin transmitir la verdadera esencia de la cosmética: la piel.

Parecía una tienda genérica, sin conexión con la experiencia sensorial que los usuarios buscan al comprar productos para el cuidado personal.

Diseño de la vieja tienda online de Ibizaloe (homepage)


rediseño de la tienda online anterior
product listing o slider para la ficha de producto
Ejemplo de fotografía profesional para productos de aloe vera ecológico.
Homepage de IbizaLoe tras el rediseño: diseño limpio y orientado a ventas.
Homepage de IbizaLoe tras el rediseño: diseño limpio y orientado a ventas.
Branding Emocional en Cosmética

De la simple exhibición a la conexión emocional

  • Antes: El usuario tenía que imaginar cómo era el producto más allá del frasco.

  • Ahora: La web inspira confianza y deseo de compra al mostrar el producto en acción, generando una conexión más profunda con el consumidor.

Con este rediseño, Ibizaloe no solo vende productos, sino que ofrece una experiencia de marca más sensorial y auténtica, alineada con la demanda actual de los usuarios. ¡Así es como transformamos una tienda online de “sosa” a “irresistible”!

Queríamos diseñar un product listing al estilo de Amazon, para mostrar si el producto era una crema, un mousse o un gel, ganaría mas conversiones si mostramos como es el producto por fuera del envase, generando una experiencia de compra más intuitiva y emocional.

Humanizamos la marca y pusimos en el centro lo que realmente importa: la aplicación del producto en la piel.

Rediseño de la nueva tienda online de Ibizaloe (homepage)


Cómo Convertir un Producto en una Marca con Personalidad
Cómo una Auditoría Web Cambió el Destino de IbizaLoe
Nuevo rediseño de la tienda online que impulso la presencia de marca cosmética
Nuevo rediseño de la tienda online que impulso la presencia de marca cosmética
Nuevo rediseño de la tienda online que impulso la presencia de marca cosmética
Nuevo rediseño de la tienda online que impulso la presencia de marca cosmética
rediseño de la tienda online anterior

Rediseño de la nueva ficha de producto con crossales


diseño de la ficha de producto del detalle de producto de la tienda online
ejemplos de diseño de ficha de producto en el ecommerce de productos cosméticos
ejemplos de diseño de ficha de producto en el ecommerce de productos cosméticos
diseño de la ficha de producto del detalle de producto de la tienda online
ejemplos de diseño de ficha de producto en el ecommerce de productos cosméticos
Nuevo rediseño de la tienda online que impulso la presencia de marca cosmética

Acciones: Un E-commerce Optimizado para la Conversión

  1. Nuevo Diseño Web Centrado en el Usuario: Se creó una interfaz limpia y minimalista que guía intuitivamente al usuario en su recorrido de compra.
  2. Mejor Organización de Productos: Se implementó una categoría clara, filtros de búsqueda avanzada y descripciones optimizadas para mejorar la experiencia del usuario.
  3. Optimización para Móviles: Se aseguró que la web fuese totalmente responsiva, mejorando la velocidad de carga y usabilidad en smartphones.
  4. Estrategia de Contenido Persuasivo: Se incluyeron historias de la marca, testimonios de clientes y guías de uso de los productos para fortalecer la confianza del consumidor.
  5. Integración de Herramientas de Análisis: Se incorporaron herramientas de seguimiento para medir el rendimiento de la tienda y optimizar futuras estrategias.

Además del diseño: Un reto en desarrollo

Contamos con el apoyo incalculable del equipo de Khumbu, como agencia especializada en SEO, para la realización de un Keyword Research y el análisis de lo que ocurría con la web a nivel del back-end.

Uno de los mayores desafíos con el equipo SEO fue la migración de un eCommerce con 6 idiomas, donde no solo tuvimos que asegurar la correcta traducción de todos los contenidos, sino también mantener la estructura de URLs amigables para SEO y garantizar la sincronización de inventario y precios en todas las versiones lingüísticas.

El proyecto requirió una meticulosa planificación para evitar errores en la migración de datos, asegurando que ni las métricas de SEO ni la experiencia de usuario se vieran afectadas. Gracias a este trabajo en equipo, logramos una plataforma robusta, rápida y preparada para escalar internacionalmente.

Comparativa del diseño de la vista de la home en la tienda online

comparativa antes y después del rediseño de la tienda en dispositivos móviles

Comparativa del listado de productos (masonry)

comparativa antes y después del rediseño de la tienda en dispositivos móviles

Comparativa de la vista de producto (ficha)

comparativa antes y después del rediseño de la tienda en dispositivos móviles

Comparativa de la página del Free Tour

comparativa antes y después del rediseño de la tienda en dispositivos móviles
diseño de la experiencia del carrito de la compra
diseño de la experiencia del carrito de la compra

EL RESULTADO:

La Clave del Éxito en el Comercio Digital

El caso de Ibizaloe demuestra que una estrategia de rediseño de marca y optimización de e-commerce puede transformar la presencia digital de una empresa. Gracias a la intervención de Brandesign, Ibizaloe pasó de tener una tienda online que se centraba solo en mostrar los envases de sus productos a una experiencia cosmética visual más humana, mostrando más piel, alineada con su target.

Para cualquier negocio que busque destacar en el comercio electrónico, contar con una estrategia de diseño centrada en el usuario y una identidad visual fuerte es fundamental. En Brandesign, ayudamos a marcas a evolucionar digitalmente, creando experiencias que cautivan y convierten.

Si buscas transformar tu tienda online y elevar tu branding a otro nivel, ¡nosotros podemos hacerlo posible! Contáctanos y hablemos de cómo podemos potenciar tu negocio.

Branding Ecológico: Claves para Marcar la Diferencia como IbizaLoe
El Poder del Storytelling en el Branding:
Branding Ecológico: Claves para Marcar la Diferencia como IbizaLoe
Identidad Visual que Atrae Clientes Ideales
Nuevo rediseño de la tienda online que impulso la presencia de marca cosmética
¿Tu tienda online vende menos de lo que esperabas? 

En un mercado digital saturado, no hay segundas oportunidades para captar la atención de tus clientes. Si tu e-commerce no comunica claramente su valor único, no genera confianza o no ofrece una experiencia fluida, los usuarios abandonarán antes de comprar.

Carlos Gascue
Carlos
Director

Trabajé en P&G construyendo marcas globales con estrategias de branding para mercados regionales según cada consumidor. Complementé mi perfil 360º trabajando en agencias de medios para analizar las campañas después del click.

Esther Garrido Fernandez Brandesigner
Esther
Ilustradora y Diseñadora

Siempre he estado con un lápiz en la mano, garabateando ideas para diseñar proyectos profesionales en el entorno de las artes digitales, el diseño gráfico, la animación y el 3D. Me encanta ver como paso a paso mis creaciones cobraran vida.

Francesco Resini
Francesco
Diseñador Gráfico

Passionate designer with a diverse background across Europe | Versatile skills in UX/UI and graphic design | Italian, with a strong command of English and Spanish

Sergio copywriter copy escritor periodista generacion de contenidos
Sergio
Copywritting

Versátil, resolutivo y productivo. A lo largo de mi trayectoria como periodista y especialista en marketing digital he realizado reportajes, artículos, entrevistas, publi reportajes creando contenidos para las marcas en redes sociales y portales.

alvaro
Álvaro
Motion Designer

Algunos me llaman diseñador, otros director de arte, incluso mi madre dice que soy artista y la verdad es que solo me gustan las etiquetas para diseñarlas.

Cristina Diaz atencion al cliente brandesign
Cristina
Atención al cliente

Busco dar siempre una respuesta y una solución cada vez que recurren a mí, gestiono el servicio de atención al cliente de Brandesign.

Preferencias de Privacidad
Este sitio web utiliza cookies propias y de terceros para recopilar información que ayuda a optimizar su visita a su página web. No se utilizarán las cookies para recoger información de carácter personal. Usted puede permitir su uso o rechazarlo, también puede cambiar su configuración siempre que lo desee. Encontrará más información en nuestra Política de Cookies.
¿Chateamos?
Brandesign
¡Hola! 👋
¿En qué podemos ayudarte?