Hazael Morales

Santa Isabel

Es un supermercado en el país de Chile que dio el salto de tienda en línea a aplicación móvil, evolucionando hacia una experiencia más accesible y completa para sus clientes, disponible en iOS y Android.

Año de creación( _2023 )
Alcance( _Aplicación móvil e-commerce )
Tiempo de desarrollo( _1 año )
Rol( _Diseñador de Interfaz líder )
Verduras y pan frescos alrededor del check blanco del logotipo de Santa Isabel, sobre fondo gris claro.

Cada sistema operativo cuenta con flujos independientes, conectados a librerías propias que respetan las diferencias nativas entre Human Interface Guidelines (iOS) y Material Design (Android).

El trabajo se desarrolló dentro de una operación con equipos de producto, desarrollo y research ya establecidos, participando activamente en cada etapa del proceso de diseño.

El resultado fue una experiencia más moderna, consistente y orientada a conversión, alineada a los estándares de diseño del resto del portafolio digital de la marca.

Santa Isabel: Versión light y dark

Versión light y dark

Como parte de la Versión Evolutiva, el modo claro y oscuro se construyó con Variables de Figma: un mismo set de componentes que cambia de tema automáticamente según el modo activo, sin duplicar pantallas ni mantener dos librerías paralelas.

Santa Isabel: Diseño de aplicación

Diseño de aplicación

Como parte de esta misma fase, y al ser una aplicación nativa, los componentes se diseñaron con variantes propias por sistema operativo, respetando los controles y patrones nativos de cada uno (tab bars, switches, navegación) dentro de la misma librería, y conectados a los mismos tokens semánticos para mantener una sola identidad visual entre ambas plataformas.

Cada componente se sometió además a pruebas de accesibilidad: contraste de color, compatibilidad con lectores de pantalla (VoiceOver y TalkBack), estados de foco y escalado de tipografía.

Más proyectos