Bona Fide

una tienda Shopify centrada en la colección

A través de un socio implementé los diseños del cliente en Shopify e integré las herramientas de compra y marketing de la tienda.

Sector
Ropa deportiva / Estados Unidos
Tecnologías
Shopify / JavaScript
Año del proyecto
2023
Tienda Bona Fide del archivo del proyecto de OnePix
Detalle del proyecto

Tienda Bona Fide del archivo del proyecto de OnePix

Campaña actual de Bona Fide con dos looks de tenis y texto de la colección en inglés.
Detalle del proyecto

Campaña pública actual que muestra la colección. Mi trabajo documentado fue la implementación e integración en Shopify, no esta fotografía ni su dirección de arte.

1 de 2

El reto

Bona Fide ya tenía una tienda Shopify y nuevos diseños preparados por su equipo. Necesitaba implementarlos y mejorar el recorrido de compra sin cambiar de plataforma. La selección de prendas, la cuenta y el programa de fidelización debían funcionar como una experiencia coherente.

La solución

A través de un colaborador, participé en la adaptación a Shopify de los diseños aportados por el cliente para inicio, catálogo, cuenta y páginas de apoyo. La implementación conectó las herramientas comerciales y de marketing elegidas, ajustó la navegación y eliminó aplicaciones y modificaciones innecesarias. La aportación documentada fue la implementación y la integración; el concepto visual era del cliente.

El proyecto en detalle

Las imágenes muestran la interfaz y su contexto. Los pies distinguen el material de archivo de las vistas actuales del sitio.

Encontrar la prenda adecuada

Product Filter & Search se configuró para las categorías, colores y tallas de la tienda. Los metacampos almacenan los atributos adicionales que exige el diseño. También compactó el menú de escritorio y conservó en móvil un acceso directo al programa de fidelización.

El proyecto, de cerca

La tienda de moda y sus categorías de compra.
Detalle del proyecto

La tienda de moda y sus categorías de compra.

Navegación de catálogo en escritorio y móvil.
Detalle del proyecto

Navegación de catálogo en escritorio y móvil.

Fotografía de producto actual de Bona Fide con leggings negros y ropa de entrenamiento.
Detalle del proyecto

Fotografía pública actual del producto. Muestra el contexto del catálogo; no es una foto ni un diseño mío.

Recomendaciones de productos y bolsa de compra.
Detalle del proyecto

Recomendaciones de productos y bolsa de compra.

1 de 4

Conectar el recorrido de compra

La cuenta reúne el historial de pedidos, los datos personales y las ventajas del programa de puntos. Los descuentos se conectaron al carrito; las recomendaciones de conjuntos, reseñas e inicio de sesión social se adaptaron a las pantallas aportadas por el cliente.

Filtros de colecciones en escritorio y móvil.
Detalle del proyecto

Filtros de colecciones en escritorio y móvil.

Ficha de producto con variantes y opciones de compra.
Detalle del proyecto

Ficha de producto con variantes y opciones de compra.

Interfaz del programa de recompensas.
Detalle del proyecto

Interfaz del programa de recompensas.

Página dedicada a colaboraciones con la marca.
Detalle del proyecto

Página dedicada a colaboraciones con la marca.

1 de 4

Limpieza y comprobación del tema

La entrega incluyó la revisión de las versiones de escritorio y móvil y del comportamiento de las aplicaciones conectadas. Retiró constructores y extensiones innecesarios y mejoró la carga de imágenes e iconos. El alcance incluyó herramientas de analítica y una página de solicitudes para colaboraciones.

Maqueta de la página de inicio de Bona Fide: diseño del cliente implementado por OnePix.
Detalle del proyecto

Maqueta de inicio · Diseño visual del cliente, implementado en Shopify por OnePix.

Maqueta de producto de Bona Fide: diseño del cliente implementado por OnePix; las reseñas son ejemplos.
Detalle del proyecto

Maqueta de producto · Diseño del cliente implementado por OnePix. Las reseñas y valoraciones son contenido de ejemplo.

Maqueta móvil de inicio de Bona Fide: diseño del cliente implementado por OnePix.
Detalle del proyecto

Maqueta móvil de inicio · Diseño visual del cliente, implementado por OnePix.

Tienda de Bona Fide en escritorio y móvil en la presentación original.
Detalle del proyecto

Tienda de Bona Fide en escritorio y móvil en la presentación original. Archivo original del proyecto publicado por OnePix.

1 de 4

El resultado

Tienda

Los diseños se implementaron en las principales páginas de compra y cuenta.

Catálogo

Filtros, recomendaciones, reseñas y fidelización integrados en la experiencia de compra.

Detalles de Bona Fide

¿Se diseñó la tienda en este encargo?

No. El concepto visual lo aportó el cliente; la contribución documentada fue implementarlo en la tienda Shopify existente.

¿Qué funciones de compra se conectaron?

Filtros, descuentos de fidelización en el carrito, recomendaciones de conjuntos, reseñas e inicio de sesión social se integraron en la interfaz suministrada.