White Linen

Mi rol: Diseñador UX/UI 

Punto
De Partida

White Linen necesitaba un diseño web exclusivo para su tienda en línea. Al ser una marca de ropa cristiana, su identidad visual debía reflejar no solo elegancia y modernidad, sino también los valores y esencia de la marca.

No se trataba solo de hacer una tienda atractiva, sino de diseñar una experiencia optimizada para UX/UI que facilitara la navegación, impulsara las ventas y transmitiera el concepto de White Linen desde el primer clic.
Tiempo promedio en hacer una compra (manualmente)
0 min
Calificación de la facilidad de búsqueda en catalogo (Pdf)
0 /10

El Reto

El desafío principal era salirse del molde sin perder funcionalidad. Quería un diseño disruptivo, algo diferente al típico eCommerce, pero sin sacrificar la usabilidad y eficiencia en ventas.

Además, el tiempo era limitado: teníamos solo 30 días para completar el diseño. Esto significaba que el proceso debía ser preciso y eficiente, asegurando que el equipo de desarrollo pudiera comenzar lo antes posible.

El objetivo, diseñar con propósito; claridad, identidad y una experiencia sin fricciones.

Plan de
Acción

Para optimizar tiempos y garantizar un diseño funcional y escalable, se implementó una estrategia modular que permitiera iteraciones rápidas y una ejecución paralela con el equipo de desarrollo.

white linen wireframe 010
white linen wireframe 020
white linen wireframe 0030
white_linen screen 050
white_linen screen 020
white_linen screen 040
white_linen screen 010
white_linen screen 030
  • Diseño y prototipado: Se utilizaron Figma y FigJam para wireframes y prototipos interactivos, asegurando una visualización clara de cada iteración.
  • Gestión y organización: Notion se utilizó para la planificación del proyecto, manteniendo comunicación constante con el cliente y el equipo técnico.
  • Visualización de producto: Se realizaron renders en Blender, ofreciendo presentaciones más atractivas de los productos en la tienda.
  • Adaptabilidad a Webflow: El diseño fue pensado dentro de las limitaciones de Webflow, garantizando una transición fluida entre diseño y desarrollo.

Impacto y
Evolución del
Producto

El nuevo diseño no solo reforzó la identidad de White Linen, sino que también creó un entorno intuitivo y accesible para sus clientes.

Con un onboarding más eficiente, los usuarios podían completar el proceso de registro sin fricción, mientras que el sitio de marketing comunicaba mejor la propuesta de valor. Las mejoras en la webapp incentivaron a los usuarios a mantenerse activos por más tiempo, y la estrategia SEO permitió una adquisición de clientes más predecible y menos costosa.

  • Identidad visual consistente: Diseño alineado con la esencia de la marca.
  • Minimalismo funcional: Elegancia sin sacrificar claridad ni usabilidad.
  • Jerarquía visual mejorada: Destaca productos sin sobrecargar la interfaz.
  • Experiencia inmersiva: Un entorno digital que transmite confianza y autenticidad.
Tiempo promedio en hacer una compra (manualmente)
0 min
Calificación de la facilidad de búsqueda en tienda
0 /10
WhiteLinen Website mock 020
WhiteLinen Website mock 050
WhiteLinen Website mock 010
Website render

Next Project

Furwagen E-commerce

Back to top
es_MXESP
en_USENG es_MXESP