← HOME
[01] UI/UX DESIGN

E-COMMERCE
BRUTAL

CLIENTE
FASHION BRAND CO.
AÑO
2024
DURACIÓN
3 MESES
ROL
LEAD DESIGNER

OVERVIEW

Rediseño completo de una plataforma e-commerce para una marca de moda emergente. El objetivo era crear una experiencia de compra única que reflejara la identidad brutal y directa de la marca, alejándose de los patrones convencionales del comercio electrónico.

EL DESAFÍO

La plataforma anterior tenía una tasa de conversión del 1.2% y los usuarios abandonaban el carrito en un 78%. El diseño era genérico y no transmitía la personalidad de la marca. Los usuarios reportaban confusión en el proceso de checkout y falta de confianza en la seguridad del sitio.

LA SOLUCIÓN

Implementé un sistema de diseño brutalista con tipografía bold, layouts asimétricos y una navegación no convencional que sorprende pero guía. Simplifiqué el proceso de checkout a 2 pasos eliminando campos innecesarios y añadí micro-interacciones que dan feedback inmediato. Creé un sistema de filtros visual que permite explorar productos de forma intuitiva.

PROCESO DE DISEÑO

01. RESEARCH & DISCOVERY

Realicé análisis competitivo de 15 e-commerce de moda, entrevisté a 30 usuarios actuales y potenciales, analicé heatmaps y grabaciones de sesiones para identificar puntos de fricción. Descubrí que el 65% de los usuarios abandonaban por desconfianza en el proceso de pago.

02. STRATEGY & IDEATION

Facilité workshops con stakeholders para alinear visión de marca con experiencia de usuario. Creé 3 user personas basadas en datos reales y mapeé el customer journey completo identificando 12 pain points críticos. Definí principios de diseño: brutal pero funcional, sorprendente pero intuitivo.

03. DESIGN & PROTOTYPING

Desarrollé wireframes de baja fidelidad para validar arquitectura de información. Creé prototipos interactivos de alta fidelidad en Figma con micro-interacciones detalladas. Realicé 5 rondas de testing con usuarios reales, iterando basándome en feedback cualitativo y métricas de usabilidad.

04. DELIVERY & HANDOFF

Construí un sistema de diseño completo con 120+ componentes documentados, tokens de diseño y guías de uso. Trabajé codo a codo con el equipo de desarrollo durante la implementación, realizando QA visual y funcional. Establecí métricas de éxito y dashboard de monitoreo post-lanzamiento.

CARACTERÍSTICAS CLAVE

Sistema de navegación asimétrica con mega-menú interactivo
Filtros visuales con preview en tiempo real
Checkout en 2 pasos con validación progresiva
Sistema de recomendaciones basado en comportamiento
Micro-interacciones que guían y dan feedback
Diseño responsive con enfoque mobile-first

RESULTADOS E IMPACTO

Aumento del 340% en la tasa de conversión
Reducción del 45% en abandono de carrito
Tiempo en página aumentó un 120%
NPS subió de 32 a 78
Incremento del 89% en compras repetidas

HERRAMIENTAS UTILIZADAS

FIGMA
PROTOPIE
PRINCIPLE
AFTER EFFECTS
PHOTOSHOP
MIRO
HOTJAR

¿QUIERES VER MÁS PROYECTOS?

VER TODOS LOS PROYECTOS →