GoldNutrition: De lo físico a lo digital

El proyecto consistió en el diseño y lanzamiento de la primera tienda online de GoldNutrition, una marca especializada en suplementos deportivos. El objetivo fue abrir un nuevo canal digital de ventas que facilitara el acceso de los clientes a los productos, optimizara la gestión de pedidos y aumentara la interacción con la marca en un entorno moderno y confiable.

UX/UI Design

UX/UI Design

UX/UI Design

Goldnutrition

Goldnutrition

Goldnutrition

2021

2021

2021

El reto

Antes del proyecto, GoldNutrition operaba únicamente a través de ventas físicas y comunicación en redes sociales. Esto generaba varias limitaciones:

  • Pedidos dispersos, poco controlados y gestionados manualmente por WhatsApp o Instagram.

  • Ausencia de un catálogo organizado y siempre disponible.

  • Pérdida de oportunidades de venta fuera de horarios comerciales.

  • Baja visibilidad de la marca frente a competidores con e-commerce ya establecidos.

El reto fue diseñar desde cero una tienda virtual funcional, confiable y atractiva, que reflejara la identidad de la marca, simplificara la experiencia de compra y posicionara a Goldnutrition como un referente digital en su sector.

Mi rol

Rol: UX/UI Designer.

Responsabilidades:

  • Investigación de usuarios y benchmark de competidores.

  • Definición de arquitectura de información.

  • Diseño visual y prototipado interactivo en Figma.

  • Acompañamiento en la implementación en Wordpress/Woocommerce.

Herramientas utilizadas: Figma, Illustrator, Photoshop, Wordpress, Notion para documentación y Maze para las pruebas de usuario.

Proceso

Se utilizo la metodología de Design Thinking:

Empatizar

  • Entrevistas con clientes frecuentes para entender cómo compraban suplementos y qué problemas enfrentaban.

  • Insights: falta de confianza al comprar en redes, dificultad para comparar productos, y preferencia por pagos rápidos y seguros, no se podían realizan comprar en cualquier momento del día.

Definir

  • Problemas clave:

    • Catálogo inexistente en digital.

    • Experiencia de compra poco clara.

    • Procesos de pago y logística poco eficientes.

Idear

  • Se desarrollaron flujos de usuario simples: explorar → elegir producto → pagar en pocos clics.

  • Creación de wireframes priorizando jerarquía visual y rapidez.

Prototipar

  • Diseño de interfaz visual con tipografía deportiva, colores enérgicos (negro, dorado, rojo).

  • Mockups de las páginas clave: home, catálogo, producto, carrito, checkout.

Testear

  • Pruebas internas con usuarios reales (clientes de la tienda).

  • Feedback positivo en claridad del catálogo y proceso de compra.

  • Ajustes menores en botones de CTA y visualización de envíos.

Buyer Persona

Los resultados

Tras la implementación de la tienda virtual:

  • +70% de interacción de clientes con la marca en digital.

  • Primer canal digital de venta digital, inexistente antes del proyecto.

  • +40% en pedidos mensuales, con aumento de clientes recurrentes.

  • Reducción de tiempos de gestión manual gracias al flujo automatizado de pedidos.

  • Mayor confianza de los usuarios: seguridad en pagos y catálogo actualizado.

Aprendizajes

Este proyecto me permitió comprobar cómo un diseño centrado en el usuario y en la simplicidad de compra puede transformar la relación de una marca con sus clientes.

Aprendizajes clave:

  • La importancia de entender el journey real del comprador online.

  • El valor de transmitir confianza en cada etapa del proceso.

Soy Jhon Sneyder Parra, Diseñador UX/UI con experiencia creando soluciones digitales centradas en el usuario. Utilizo investigación, accesibilidad y design thinking para diseñar productos que impactan.

¡Trabajemos juntos!

Diseñado en

© Copyright 2025

Soy Jhon Sneyder Parra, Diseñador UX/UI con experiencia creando soluciones digitales centradas en el usuario. Utilizo investigación, accesibilidad y design thinking para diseñar productos que impactan.

¡Trabajemos juntos!

Diseñado en

© Copyright 2025

Soy Jhon Sneyder Parra, Diseñador UX/UI con experiencia creando soluciones digitales centradas en el usuario. Utilizo investigación, accesibilidad y design thinking para diseñar productos que impactan.

¡Trabajemos juntos!

Diseñado en

© Copyright 2025

Create a free website with Framer, the website builder loved by startups, designers and agencies.