![](https://freight.cargo.site/t/original/i/36544d5ed31467d94ed11955494318ebecb7378a329918ee5e51e30dff77cd4c/Vacio.png)
En 2022 nos piden rediseñar únicamente su página de producto. El objetivo era mejorar la conversión para el lanzamiento en Black Friday sin modificar ni generar nuevos elementos de marca.
Te muestro con screenshots el bruto, lo que no se suele mostrar. Me gusta compartir y hacer transparente el diseño: ¿cómo organizan los demás sus archivos? ¿cómo presentan al cliente? ¿cómo trabajan las páginas? El proyecto es antiguo y Figma ha cambiado. Cómo lo hago ahora también, pero seguro te sirve de algo.
Te muestro con screenshots el bruto, lo que no se suele mostrar. Me gusta compartir y hacer transparente el diseño: ¿cómo organizan los demás sus archivos? ¿cómo presentan al cliente? ¿cómo trabajan las páginas? El proyecto es antiguo y Figma ha cambiado. Cómo lo hago ahora también, pero seguro te sirve de algo.
![](https://freight.cargo.site/t/original/i/fa4e59f2f5a81b80ae8de644cbfa8a0b5ffb47c5a8222d4d6adccedceb852add/Frame-2.jpg)
En la zona más caliente, junto al call to action principal de compra, colocamos la información más racional que ayude a eliminar barreras por parte del usuario.
Combinamos iconos explicativos, checkpoints de las dudas más frecuentes y resumen de opiniones para generar confianza.
Combinamos iconos explicativos, checkpoints de las dudas más frecuentes y resumen de opiniones para generar confianza.
![](https://freight.cargo.site/t/original/i/be12823166dccc6eef9708f1b9a47607b4ffa3124ec0d7adbf3f0985634b12b7/Frame-3.jpg)
Proponemos hacer más explicativas el imaginario visual de la marca, de manera que sin disparar nuevas fotografías, puedan aplicar gráfica sobre ellas para vender y explicar mejor los atributos de cada producto.
Desde validación en prensa, premios o los ingredientes o principios activos más relevantes.
Desde validación en prensa, premios o los ingredientes o principios activos más relevantes.
![](https://freight.cargo.site/t/original/i/c69a2aa6fb7fb4ca016e55a1f930eecbaf7ea85cd240232e629b90eb71e836d9/Frame-34.jpg)
A medida que el usuario hace scroll down, se encuentra con una retícula irregular que se adapta según las necesidades. Cada módulo se encarga de proporcionar información en formatos distintos: desde videos de cómo usar o aplicar el producto, carrusel de ingredientes o con reviews relevantes destacadas.
![](https://freight.cargo.site/t/original/i/7f9ecf93e18bcc44587f6ba192e8eb177d52eba9dedd4e359de42c7bf7be1d71/Frame-35.jpg)
![](https://freight.cargo.site/t/original/i/a9115e4a2abe8fa66c0a79a8caf5108956db3b6aa1cdf6f6a763c1efcbf5fe87/Frame-36.jpg)
Dados los buenos resultados obtenidos con el rediseño de la página de producto, un año más tarde nos encargan rediseñar la homepage.
Esta vez con carta blanca para modificar algunos elementos de su identidad corporativa.
Mejoramos el tracking del logotipo y modificamos el color azul principal para que guardara similitud con el tono más cobalto de los envases originales y generar una coherencia cromática offline y online. Manteniendo la tipografía, simplificamos los estilos y generamos H1 mucho más generosos para dar un look & feel más contemporáneo.
Mejoramos el tracking del logotipo y modificamos el color azul principal para que guardara similitud con el tono más cobalto de los envases originales y generar una coherencia cromática offline y online. Manteniendo la tipografía, simplificamos los estilos y generamos H1 mucho más generosos para dar un look & feel más contemporáneo.
![](https://freight.cargo.site/t/original/i/2d96ebbd3dd0e6b581b107c425662fe69528c63e4da30820e7574b4592d8a1d3/Frame-37.jpg)
![](https://freight.cargo.site/t/original/i/5c55ecc33764b2190561d14d39ce2d3299a8e01b23777dbf51c1accceb003239/colores.jpg)
![](https://freight.cargo.site/t/original/i/6ece552a2f4100f0f1d6ddba557294a5aa66d8292588c1530a075e7677a6cb00/Frame-34-16.43.03.jpg)
El rediseño siempre parte de una búsqueda de referentes. Identificamos las best practices de los casos de éxito del mismo sector. Le sumamos también referentes de sectores distintos al del cliente para enriquecer el resultado final.
Trabajar bien los referentes es asegurar un buen resultado. Los diseñadores no lo decimos pero copiamos. Copiamos mucho. Modificamos. Iteramos.
El ego que abunda en el sector nos impide asumir que no no hay ideas brillantes ni invenciones nuevas y únicas: siempre es un refrito de referencias que vemos.
Trabajar bien los referentes es asegurar un buen resultado. Los diseñadores no lo decimos pero copiamos. Copiamos mucho. Modificamos. Iteramos.
El ego que abunda en el sector nos impide asumir que no no hay ideas brillantes ni invenciones nuevas y únicas: siempre es un refrito de referencias que vemos.
![](https://freight.cargo.site/t/original/i/666b584b5853e7d9720850bb168dee713bac5895df9949cedc8f6d43e84a5d4d/Referencias.jpg)
![](https://freight.cargo.site/t/original/i/f4b8cf71ea6e41926ea3e9d266bc36055fbe1c0fb61cfa9485f1a6a0af11ce09/Prototipado.jpg)
![](https://freight.cargo.site/t/original/i/c68dfe8b58868562d3107ae2fbf554e0691257fb804206054ed6cf67b3855e0a/Captura-de-pantalla-2024-12-01-a-las-16.55.24.png)
![](https://freight.cargo.site/t/original/i/8e94a01ef08b4e3947d3bb3d0728c5e645db2c1be99b5a5cd73e78ea16114419/Captura-de-pantalla-2024-12-01-a-las-16.55.41.png)
![](https://freight.cargo.site/t/original/i/6e6b222e2ad9c68527a720f1e874ee22ac24643bfb8b7de81e2cf4ad13dc77d2/mobile.jpg)
El último encargo ha sido el rediseño del carrito, de nuevo, para proporcionar una mejor experiencia de usuario y poder elevar la conversión.
![](https://freight.cargo.site/t/original/i/251f7b4f5dec59ad76e5df11285a944c98715306a462dbaebb6e39d7576efd79/Carrito-1.jpg)
![](https://freight.cargo.site/t/original/i/28ff27b02c058e183c806b45da2ae0be85650b78afaeaf962e69c1ab8049208d/Carrito-2.jpg)
![](https://freight.cargo.site/t/original/i/b2dfa66ba54cdb15421c45dbeffc29da39094fd73db976baa3d3d8142aa01861/Carrito-3.jpg)
![](https://freight.cargo.site/t/original/i/6c84c1b1d24ade7dbae4561137ec7b788b3b9f9b3fb6ffc076a2d75154889131/Carrito-4.jpg)
Resultados globales
+173 %
en el tiempo en página
+42 %
en la conversión de ventas Resultados y créditos
Proyectos realizados en CASA BIEN
Dirección creativa: Alberto Aranda, Andrea Arqués
Dirección estratégica: Alberto García
Responsable de diseño: Andrea Arqués
Diseño gráfico: Gina Soler, Andrea Arqués
Diseño web: Gina Soler, Andrea Arqués
Dirección creativa: Alberto Aranda, Andrea Arqués
Dirección estratégica: Alberto García
Responsable de diseño: Andrea Arqués
Diseño gráfico: Gina Soler, Andrea Arqués
Diseño web: Gina Soler, Andrea Arqués
Siguiente proyecto