Mi espacio Avon: mockup con inicio, pedidos y revistas

Mi espacio Avon: una experiencia para el día a día

OSTENSA / UX/UI Y PROTOTIPADO MÓVIL

Consultar una revista, cargar un pedido y encontrar orientación. Mi espacio Avon reúne esas tareas en una propuesta de app diseñada para acompañar la gestión cotidiana desde el celular.

Mi espacio Avon: mockup con inicio, pedidos y revistas

Ordenar lo cotidiano

El proyecto explora cómo reunir información comercial, contenidos y acciones frecuentes sin obligar a empezar de nuevo en cada pantalla. El trabajo se desarrolló en Figma mediante wireframes de alta fidelidad y un sistema de navegación compartido.

La propuesta incluye acceso, inicio, pedidos y órdenes, revistas, perfil, soporte, cambios y devoluciones. En esta presentación seleccionamos tres momentos del recorrido: orientarse, hacer un pedido y consultar los catálogos.

Una entrada que acompaña

La pantalla principal combina un saludo personal con accesos a orientación, folletos digitales y contenidos de capacitación. Las tarjetas diferencian cada recurso y la navegación inferior mantiene a mano las acciones principales.

Mi espacio Avon: pantallas de inicio y revistas

Del producto a la orden

La sección de pedidos organiza la carga por campaña, código y unidades. La búsqueda y las acciones para iniciar o cargar una orden se agrupan en la parte superior; la confirmación queda al final del recorrido. El sistema contempla estados de carga, productos agregados y mensajes de error en las pantallas del prototipo.

Mi espacio Avon: pantalla de pedidos en un celular

Revistas al alcance

El catálogo distingue el ciclo actual de los anteriores y usa las portadas como referencias visuales. Los botones y la navegación conservan el mismo lenguaje de las otras secciones, para que cambiar de tarea no implique aprender una interfaz nueva.

Un sistema visual común

El blanco da espacio a la información; el rosa intenso señala las acciones y los tonos suaves agrupan contenidos. Iconos, controles y tarjetas se repiten para mantener continuidad entre pantallas de consulta y pantallas de gestión.

  • Organización de contenidos y recorridos móviles.
  • Wireframes de alta fidelidad en Figma.
  • Diseño de interfaz, navegación y estados.
  • Presentación de pantallas mediante mockups de dispositivos.

Propuesta de diseño y prototipo presentada en el portfolio de Ostensa. Los mockups ilustran las pantallas del proyecto; no representan una aplicación publicada ni una contratación oficial de Avon.