Brunox

Desarrollo Web | 3D

Descripción del proyecto

Este proyecto combinó el desarrollo de un e-commerce visualmente potente con una experiencia de compra intuitiva, donde el diseño del producto y su presentación fueron tan importantes como su funcionalidad. El objetivo fue construir un sitio atractivo, responsivo y enfocado en conversión.

Fecha: Marzo 22, 2024

Nuestro desafío.

El reto principal con Brunox fue crear una experiencia digital que no solo mostrara un producto innovador, sino que también lo vendiera. Teníamos que transformar un artículo físico —una caja con más de 130 tonos de gel polish— en una propuesta de e-commerce clara, atractiva y funcional.

La navegación debía ser fluida, con enfoque visual, pero también optimizada para conversión, permitiendo al usuario explorar el producto, entender su valor y comprarlo sin fricciones. Todo esto sin perder de vista la estética profesional que define a la marca.

Fases del diseño

Fase 1

5 hrs.

Entendimiento


Analizamos a fondo el concepto detrás de Brunox y su producto estrella para definir una dirección creativa clara. Nos enfocamos en entender a los usuarios, el valor diferencial del producto, y cómo trasladar esa propuesta a un entorno digital con enfoque comercial.

Fase 2

18 hrs.

Diseño y modelado


Se definieron los pilares visuales, tono de comunicación y arquitectura base del sitio. Modelamos en 3D la caja del set con detalle, buscando reflejar calidad e innovación desde lo visual. Paralelamente, se editaron las imágenes clave para el sitio, destacando el producto desde ángulos estratégicos.

Fase 3

56 hrs.

Desarrollo y entrega


Implementamos el sitio en Webflow con una estructura optimizada para e-commerce. Se cuidaron aspectos como velocidad de carga, experiencia móvil, transiciones y efectos visuales. El checkout fue diseñado para ser rápido y sin fricciones. El resultado: una tienda digital responsiva, funcional y alineada con la identidad de Brunox.

Stack tecnológico del proyecto

Se utilizó un stack que permite escalar fácilmente y mantener una experiencia visual de alto nivel.

Webflow fue la plataforma elegida para el desarrollo del e-commerce, gracias a su flexibilidad, control visual y capacidad para integrar procesos de compra simples y efectivos. Se complementó con herramientas para edición de imagen, modelado 3D y testeo en múltiples dispositivos, asegurando una experiencia optimizada y coherente de principio a fin.

  • Tecnologías: Webflow, Checkout de Webflow, CMS y Formularios.

  • Herramientas: Webflow Designer, Blender, Photoshop, Illustrator.

Responsive

Responsive - Pantalla 1
Responsive - Pantalla 2
Responsive - Pantalla 3
Responsive - Pantalla 4
Responsive - Pantalla 5
Responsive - Pantalla 6
Responsive - Pantalla 7
Responsive - Pantalla 8
Responsive - Pantalla 9
Responsive - Pantalla 10

Próximo proyecto

Brunox

Brunox