Caso de estudio · E-commerce

Bissú Cosméticos

De la venta por catálogo a un ecosistema digital integrado

Sitio institucional, tienda online y contenidos audiovisuales para acompañar la transformación comercial de la marca entre 2010 y 2015.

País México · 2010–2015
Stack Joomla · PrestaShop · HTML · CSS · YouTube
CATÁLOGO IMPRESO SITIO · TIENDA E-COMMERCE YOUTUBE

Ilustración editorial — recreación conceptual, no captura del sitio original.

Contexto

Bissú Cosméticos comercializaba sus productos principalmente mediante un modelo de venta directa por catálogo, similar al utilizado por otras empresas del sector cosmético.

Entre 2010 y 2015 se desarrolló una estrategia de reconversión digital orientada a ampliar los canales de comunicación y comercialización de la marca. El proyecto incluyó la creación del sitio web institucional, una tienda online y un canal de YouTube para difundir productos, campañas y contenidos vinculados con el maquillaje.

La propuesta permitió trasladar parte de la experiencia del catálogo tradicional al entorno digital, facilitando el acceso a la información de los productos, la presentación de novedades y la compra en línea. El proyecto fue concebido como un ecosistema integrado, en el que el sitio web, el e-commerce y los contenidos audiovisuales funcionaban de manera coordinada para acompañar las campañas comerciales de la marca.

El desafío

El principal desafío consistía en acompañar la transformación de un modelo de venta basado principalmente en catálogos impresos hacia una presencia digital integrada. La marca necesitaba trasladar al entorno online la experiencia visual y comercial del catálogo, sin perder la identidad que ya reconocían sus clientes y revendedoras.

Desarrollar un sitio web institucional para centralizar la información de la marca.
Incorporar una tienda online como nuevo canal de comercialización.
Presentar productos, novedades y campañas de manera atractiva.
Crear contenidos audiovisuales para YouTube vinculados con maquillaje y productos.
Integrar los distintos canales digitales dentro de una estrategia común.
Mantener actualizados los contenidos de acuerdo con las campañas comerciales.
Relevamiento

Se analizó el modelo comercial de Bissú, basado principalmente en la venta por catálogo, y la forma en que la marca presentaba sus productos y se relacionaba con sus clientes.

  • La estructura y frecuencia de las campañas comerciales.
  • El catálogo de productos y sus categorías.
  • El perfil de clientes, revendedoras y consumidoras finales.
  • La identidad visual de la marca.
  • Los contenidos disponibles: fotografías, videos, tutoriales y material promocional.
  • La forma de vincular cada campaña con los productos ofrecidos.
Criterios de diseño

A partir del relevamiento se definió una estructura digital capaz de presentar la marca, exhibir productos, publicar contenidos audiovisuales y facilitar la compra online dentro de una experiencia integrada.

  • Mantener la identidad visual reconocida de Bissú.
  • Trasladar al entorno digital la fuerza visual del catálogo impreso.
  • Dar protagonismo a los productos, colores, colecciones y tendencias de maquillaje.
  • Organizar la navegación de manera clara y sencilla.
  • Integrar contenidos audiovisuales de YouTube dentro de la experiencia digital.
  • Aplicar criterios de posicionamiento SEO e incorporar analítica web.
Solución propuesta

Se propuso un ecosistema digital integrado —sitio institucional, tienda online y canal de YouTube— que acompañara la reconversión de Bissú desde la venta tradicional por catálogo hacia nuevos canales de comunicación y comercialización, manteniendo su identidad visual y dando protagonismo a productos, colores y colecciones.

Sitio institucional

Joomla — recreación editorial

AGREGAR AL CARRITO

Tienda online

PrestaShop — recreación editorial

Canal de contenidos

YouTube — recreación editorial

Desarrollo

El proyecto se desarrolló de manera progresiva, acompañando la evolución de Bissú desde su modelo tradicional de venta por catálogo hacia una presencia digital más amplia. El diseño tomó como referencia la identidad visual de la marca y la fuerza gráfica de sus catálogos impresos; las interfaces se maquetaron primero en Adobe InDesign y luego se personalizaron mediante HTML y CSS sobre Joomla y PrestaShop.

1 Relevamiento del modelo comercial y de comunicación
2 Definición del alcance del sitio, la tienda y el canal de YouTube
3 Diseño de interfaces sobre la identidad visual de Bissú
4 Desarrollo del sitio institucional y la tienda online
5 Creación y organización de contenidos audiovisuales
6 Publicación y actualización periódica
7 Seguimiento mediante herramientas de analítica
Tecnologías utilizadas

Joomla

Gestor del sitio institucional

PrestaShop

Plataforma de la tienda online

HTML

Estructura y personalización

CSS

Adaptación visual de interfaces

JavaScript

Funcionalidades e interacciones

YouTube

Publicación de contenidos audiovisuales

SEO

Optimización para buscadores

Analítica web

Medición de tráfico y comportamiento

Adobe InDesign

Maquetas visuales de sitio y tienda

Principales decisiones
Complementar el modelo de venta por catálogo con canales digitales propios.
Desarrollar de manera diferenciada el sitio institucional en Joomla y la tienda online en PrestaShop.
Mantener la identidad visual de Bissú, trasladando al entorno web el impacto gráfico de sus catálogos y campañas.
Maquetar las interfaces previamente en Adobe InDesign y luego personalizarlas mediante HTML y CSS.
Incorporar YouTube como canal para mostrar usos de productos, tendencias y propuestas de maquillaje.
Aplicar criterios SEO desde la estructura del sitio y la redacción de contenidos.
Priorizar una estructura que permitiera actualizar con frecuencia productos, campañas y contenidos.
Orientar la propuesta tanto a la red tradicional de revendedoras como al consumidor final.
Resultados

Presencia ampliada más allá de la venta tradicional por catálogo.

Nuevo canal de venta directa al consumidor final.

Presentación más dinámica y actualizable de productos, colecciones y campañas.

Contenidos comerciales y audiovisuales integrados con los productos de la tienda.

Comunicación más frecuente con consumidoras y revendedoras.

Mejor visibilidad de la marca en buscadores mediante acciones de SEO.

Indicadores del proyecto
Sitio institucional en Joomla Implementado
Tienda online en PrestaShop Implementada
Canal de YouTube Implementado
Integración entre contenidos y productos Implementada
Personalización visual de sitio y tienda Implementada
Optimización SEO Implementada
Analítica web Implementada
Actualización periódica de campañas Operativa
Venta directa al consumidor final Habilitada
Integración con el modelo de venta por catálogo Implementada
Evolución del proyecto · 2010–2015
Etapa 1

Relevamiento y estrategia digital

Etapa 2

Sitio institucional en Joomla

Etapa 3

Tienda online en PrestaShop

Etapa 4

Canal de YouTube

Etapa 5

Integración de campañas y productos

Etapa 6

SEO y analítica web

Etapa 7

Actualización continua

El proyecto evolucionó de manera progresiva durante el período 2010–2015, incorporando nuevos canales, contenidos y funcionalidades de acuerdo con las necesidades comerciales y de comunicación de la marca.

Lecciones aprendidas

“Una transformación digital efectiva no consiste solamente en trasladar un catálogo impreso a una página web, sino en adaptar el modelo de comunicación y comercialización a nuevos hábitos de consumo.”

El sitio institucional, la tienda online y el canal de YouTube funcionaron mejor al pensarse como partes de un mismo ecosistema y no como herramientas aisladas. La actualización frecuente de campañas, productos y contenidos resultó fundamental para mantener activa la presencia digital de la marca, y el uso de SEO y analítica permitió ajustar contenidos, navegación y acciones comerciales a partir del comportamiento real de los usuarios.

Evidencias

Piezas que ilustran la dirección visual y conceptual del proyecto: la estética de catálogo impreso que la marca traía consigo, y su traducción hacia piezas de campaña pensadas para el entorno digital.

Referencia de catálogo impreso

Maqueta editorial — inspirada en la estética del catálogo, no es una pieza original de la marca

Pieza de campaña

Composición editorial de color y producto — recreación conceptual

Paleta de color

Referencia cromática vinculada a maquillaje y producto

Los recursos visuales utilizados en esta página son recreaciones editoriales desarrolladas para presentar el caso. Los sitios y canales originales del período 2010–2015 ya no se encuentran disponibles.