Consuelo Burotto

Amphora

Categoría
E-commerce de moda y accesorios
Rol
Senior UX/UI Designer
Cliente
Amphora
Año
2021
Amphora — e-commerce
Amphora — portada
Amphora — producto
Amphora — interacción
Amphora — imagen 4
Amphora — imagen 5
Amphora — imagen 7
Amphora — imagen 8
Amphora — imagen 9
Amphora — imagen 10
Amphora — imagen 11
Amphora — imagen 12
Amphora — imagen 13

Resumen

Decisión
Partir del diseño mobile-first y tratar los referentes como punto de partida para investigar, no como modelo a copiar.
Porque
Con fotografías tan protagónicas y un catálogo de más de 5.200 productos, había que priorizar el contenido primero en pantalla chica y construir una estética editorial propia, coherente con la nueva dirección de arte de Amphora.
Resultado
Una tienda más editorial que mantiene clara la navegación y la compra, con una lógica consistente entre móvil y escritorio.

Amphora es una marca chilena de moda y accesorios con tiendas físicas y canal digital: su e-commerce publica más de 5.200 productos (carteras, mochilas, billeteras, accesorios, calzado y vestuario) y la marca cuenta con al menos 18 tiendas físicas. En ese entorno omnicanal, la tienda online cumple un rol clave en el descubrimiento de productos y en la compra. La marca estaba renovando la dirección de arte de sus fotografías, con una intención más editorial, pero el sitio todavía respondía a una propuesta visual anterior. El cliente quería aprovechar ese cambio para darle un refresh al e-commerce: no solo actualizar colores o componentes, sino lograr una tienda con apariencia más editorial, donde las fotografías cobraran protagonismo y la experiencia se sintiera alineada con la nueva dirección visual. Al mismo tiempo, el sitio debía seguir funcionando como tienda: había un catálogo amplio que organizar, productos que descubrir y un recorrido de compra que debía mantenerse claro. Como Senior UX/UI Designer en Tekpro, participé en el rediseño desde la investigación visual y la revisión de referentes hasta la definición de la interfaz y su adaptación a distintos dispositivos.

Presencia digital

Catálogo online
5.200+
Artículos publicados
Tiendas físicas
18
Locales identificados en su directorio
Nueva colección
1.801
Artículos en New Collection SS27
Canales de venta
2
E-commerce y tiendas físicas

Datos actuales del sitio público de Amphora. Dimensionan la marca hoy, no el catálogo de 2021 ni resultados atribuibles al rediseño.

Desafío

El desafío — Dar más espacio a las imágenes sin complicar la compra. Las fotografías ya no debían funcionar solo como recursos para mostrar productos, sino como parte de la narrativa visual de la marca. La pregunta de diseño era cómo construir una tienda con estética más editorial sin que el usuario perdiera de vista los productos y las acciones de compra, equilibrando composiciones visuales, jerarquía de contenidos y elementos funcionales. Además, esa estética no podía limitarse a la homepage: tenía que convivir con los listados de productos, las fichas y el resto del recorrido.

Enfoque

Audiencia y escala del sitio — Para dimensionar el peso del canal digital revisé las estimaciones de SE Ranking sobre amphora.cl (octubre de 2026). El sitio recibe unos 32,6 mil clics orgánicos al mes desde Google, más de 98% desde Chile, y su tráfico orgánico pasó de unos 17 mil a unos 33 mil clics en los últimos 12 meses (lectura aproximada del gráfico), con picos y caídas estacionales. Tiene 1,6 mil palabras clave orgánicas posicionadas, 357 dominios de referencia, unos 1,3 mil backlinks y un Domain Trust de 38/100. El tráfico de pago es marginal (45 clics al mes), así que la tienda se sostiene sobre todo en demanda orgánica.

Búsqueda y competidores — Las palabras clave que más tráfico potencial tienen no son solo de marca: además de amphora (27,1 mil búsquedas mensuales, posición 1) y amphora carteras (6,6 mil, posición 1), el sitio aparece en genéricas de categoría como billetera hombre (10,8 mil, posición 1) y carteras mujer (27,1 mil, posición 2). Eso muestra que las páginas de categoría y de producto también compiten por descubrimiento, no solo la marca, y es una razón más para cuidar la arquitectura de información y la claridad de los listados. Entre los 244 competidores orgánicos que detecta SE Ranking aparecen headchile.com, aldo.cl, xtrem.cl, bimbaylola.cl, pz.cl y carterasecret.cl. Son estimaciones actuales de una herramienta de SEO, no resultados del rediseño de 2021; las usé para entender el contexto en el que compite la tienda.

Investigación y referentes — El proyecto partió con un brief del cliente y una serie de referencias visuales que definían la dirección buscada; entre las marcas mencionadas estaba Kate Spade, junto con otros referentes de moda y accesorios. A partir de eso investigué tendencias de diseño en moda y e-commerce: cómo otras marcas presentaban sus colecciones, qué protagonismo daban a la fotografía y cómo combinaban contenido editorial con elementos propios de una tienda online. Me interesaba especialmente cómo resolvían la relación entre imagen, producto y navegación. En algunas propuestas las fotografías ocupaban gran parte de la pantalla; en otras, composiciones más limpias, espacios amplios y una tipografía que acompañaba la identidad sin competir con el contenido. La intención no era replicar la estética de otra marca, sino entender qué decisiones visuales podían ayudar a construir una experiencia más editorial y coherente con la nueva fotografía de Amphora.

Mobile-first como punto de partida — El diseño comenzó por la versión móvil. Trabajar primero en pantallas pequeñas me obligó a definir qué contenido tenía prioridad y cómo organizarlo sin sobrecargar la interfaz, especialmente en una experiencia donde las fotografías tenían tanto protagonismo. Una vez definida la propuesta móvil, adapté estructuras y componentes a pantallas más grandes, aprovechando el espacio extra de escritorio para desarrollar composiciones visuales más amplias y manteniendo una lógica de interacción consistente entre dispositivos.

Una experiencia más editorial — La fotografía se convirtió en uno de los elementos principales del rediseño. Trabajé las composiciones para darle más presencia a las imágenes y que la nueva dirección de arte tuviera un rol relevante, acercando la tienda al lenguaje visual de las marcas de moda, donde las fotografías ayudan a transmitir el carácter de una colección y no se limitan a mostrar un producto aislado. Al mismo tiempo cuidé que los elementos comerciales siguieran siendo reconocibles y fáciles de usar.

Integración de la nueva paleta — Amphora entregó los colores que quería incorporar como parte de su actualización visual. Mi trabajo fue integrarlos en la interfaz y encontrar una forma coherente de usarlos en los distintos componentes y secciones, de modo que la paleta acompañara las fotografías y reforzara la identidad de marca, manteniendo una jerarquía clara entre contenido, navegación y acciones de compra.

Arquitectura de información y navegación — Aunque el proyecto tenía un componente visual importante, seguía siendo un e-commerce con múltiples categorías y un catálogo extenso. Trabajé en la organización de la información y en la estructura de las páginas principales para que los usuarios pudieran recorrer la tienda, explorar colecciones y consultar productos con facilidad. La propuesta combinaba espacios más editoriales con estructuras reconocibles de comercio electrónico.

Consistencia entre pantallas — Para mantener una experiencia coherente definí componentes y patrones visuales reutilizables. Esto permitió conservar la misma lógica visual y de interacción en las distintas secciones del sitio, y facilita incorporar nuevos productos y colecciones: el diseño puede crecer con el catálogo sin perder la personalidad que se estaba construyendo.

Aprendizajes — Este proyecto me permitió trabajar de cerca la relación entre dirección de arte y diseño de experiencia. Una fotografía puede transformar por completo la percepción de una marca, pero para que ese cambio funcione en lo digital, el resto de la interfaz tiene que acompañarlo. Aprendí a abordar las referencias visuales como punto de partida para investigar y decidir, no como soluciones que deban reproducirse literalmente. También reforcé la importancia de comenzar por móvil: diseñar con menos espacio obliga a priorizar, simplificar y encontrar una jerarquía que funcione. Amphora mostró cómo un rediseño puede partir de una necesidad estética y convertirse en un ejercicio completo de UX/UI, donde identidad visual y experiencia de compra deben encontrar su equilibrio.

Trabajo transversal en optimización de e-commerce — Durante mi etapa en Tekpro, además de participar en el rediseño de Amphora, investigué y desarrollé mejoras de experiencia de usuario que posteriormente se aplicaron de manera transversal a las tiendas online de distintos clientes. Estas iniciativas surgieron al identificar problemas recurrentes en los procesos de compra y explorar soluciones que pudieran adaptarse a diferentes marcas.

Entre las mejoras que propuse y desarrollé se encontraban: Checkout simplificado, con reducción de campos innecesarios, autocompletado y posibilidad de comprar como invitado, con creación de cuenta opcional. Checkout sin distracciones, eliminando elementos secundarios de navegación para centrar la atención en el resumen del pedido y el pago. Carrito reversible, que permite recuperar productos eliminados sin tener que buscarlos nuevamente. Reseñas de productos, con opiniones reales y variadas para ayudar a decidir la compra. Experimentación y pruebas A/B, comparando variantes de diseño en páginas de producto, checkout y campañas de email marketing para orientar decisiones de optimización. Y campañas de email marketing con GIF y vídeo, que lograron mejores resultados de conversión que las versiones estáticas.

Estas soluciones fueron fruto de mi trabajo de investigación, diseño y optimización durante mi etapa en Tekpro y se extendieron a diferentes proyectos de la empresa. Nota: corresponden a iniciativas transversales desarrolladas para distintos clientes de Tekpro; no se presentan como resultados exclusivos del rediseño de Amphora.

Resultado

Una tienda online más editorial, con la fotografía como protagonista, que sigue siendo una tienda: catálogo claro, navegación simple y compra a mano. Mobile-first, con una nueva paleta y componentes reutilizables alineados con la evolución de la marca.