¡appa!
- Proyecto
- Un design system que aceleró a todo el equipo de producto
- Rol
- Senior UX/UI Designer — full-time
Resumen
Transformación de la experiencia de compra en ¡appa!, junto al equipo de producto, como Senior UX/UI Designer.
UI kit
Sistema de diseño, reconstruido desde el sitio en vivo
Tokens, componentes y textos extraídos de weareappa.com
Descargá
La app
y creá tu cuenta
Disponible enApp StoreDisponible enGoogle Playde tus comprasCLUBSumá puntos
y ganá beneficiosDescuentos con ¡appa!Ver más SimmonsSimmons30% OFFPatio BullrichLa CardeuseLa Cardeuse20% OFFDot Baires GIFTSimmonsSimmons30% OFFPatio BullrichInicioBeneficiosEventosMi perfil
Paleta
Menta
#0DD6A8
Coral
#FC5A3A
Carbón
#1E1E1E
Nieve
#FBFFFE
Fondo app
#F8F8F8
Menta 5%
#F0FEFB
Tipografía y acciones
Poppins
300 → 800 — títulos · texto
48 · 800En un solo lugar
28 · 700Encontranos
24 · 700Descargá
24 · 600¿Cómo disfrutar ¡appa!?
20 · 500Beneficios
16 · 300Reservá tu entrada y disfrutá de los mejores eventos exclusivos.
Archivo · wdth 62–125
≈ hero lettering (image on site)
App — pantalla de inicio
de tus comprasCLUBSumá puntos
y ganá beneficiosDescuentos con ¡appa!Ver más SimmonsSimmons30% OFFPatio BullrichLa CardeuseLa Cardeuse20% OFFDot Baires GIFTSimmonsSimmons30% OFFPatio Bullrich
Interactiva: elegí un shopping o cambiá de pestaña.
Componentes de la app
de tus comprasCLUBSumá puntos
y ganá beneficios
Iconografía de marca
Encontranos
En estos shoppings
Flujo clave — Parking: pagá sin fila
Pagá sin hacer filas desde la app.
Simplemente escaneá tu ticket de estacionamiento. ¡Fácil y rápido!
Mis Facturas — sumá puntos ¡appa! CLUB
Para que se apruebe tu factura, tené en cuenta:
Adjuntar archivo
Sitio — beneficios y cómo funciona
Beneficios
Encontrá los mejores descuentos, premios y sorteos en nuestra app. Simplemente escaneá el código QR, ¡y disfrutá!
Eventos
Reservá tu entrada y disfrutá de los mejores eventos exclusivos.
Parking
Pagá sin hacer filas desde la app. Simplemente escaneá tu ticket de estacionamiento. ¡Fácil y rápido!
¡appa! GIFT
Descubrí nuestra giftcard y usala en locales adheridos de tus shoppings favoritos.
Descargá
Nuestra app
Registrate
Con tus datos
Disfrutá
Los mejores beneficios
Empresas — métricas y herramientas
Dale la vuelta al shopping
Somos una compañía de tecnología que ofrece la única app que transforma la experiencia de los usuarios dentro de los shoppings y genera datos que permiten conocer a los consumidores para acelerar la evolución del retail físico.
0.0 M
Usuarios en base de datos
+0K
Sesiones por mes
+0K
Usuarios por día en la app
+0K
Transacciones por día
Descubre el potencial de nuestras herramientas
Discovery
Una vidriera digital para que tus clientes puedan estar actualizados sobre horarios, novedades, eventos y beneficios.
Sitio en vivo
Pasá el mouse sobre una pantalla para recorrer la página real.
Sin design system, con flujos heredados y una app que no era completamente responsive.
La aplicación tenía varios desafíos que dificultaban una experiencia fluida y eficiente. Uno de los más importantes era la falta de un design system, lo que complicaba mantener la consistencia y lograr que las nuevas funcionalidades y componentes se integraran con el diseño existente. Además, los componentes y flujos heredados no siempre respetaban las buenas prácticas actuales ni las expectativas de los usuarios.
La app no era completamente responsive, por lo que era difícil garantizar una buena experiencia en distintos dispositivos y tamaños de pantalla. Todos estos desafíos había que resolverlos con cuidado para lograr una aplicación funcional y agradable de usar.
La creación del design system.
Los design systems se volvieron clave en el diseño de interfaces porque ofrecen un conjunto completo de guías y estándares para crear interfaces consistentes, coherentes y accesibles. Crear uno es un proceso complejo que requiere entender a fondo las necesidades de los usuarios, las guías de marca y los aspectos técnicos de la implementación.
Atomic design es una metodología muy usada para construir design systems: descompone las interfaces en componentes atómicos reutilizables. Estos son los pasos para construir un design system con atomic design:
Iteración más rápida, una experiencia consistente y una marca más coherente.
La creación del design system trajo muchos beneficios para el equipo de diseño y para el negocio. Se logró consistencia y eficiencia en el proceso, reduciendo el tiempo y los recursos necesarios para crear nuevas interfaces. Esto se tradujo en una experiencia consistente en todos los puntos de contacto y, en definitiva, en mayor satisfacción y retención de usuarios.
El design system también ayudó a generar confianza y credibilidad con los stakeholders, mostrando la atención al detalle del equipo y su compromiso con la calidad. En resumen, permitió iterar más rápido, mejorar la experiencia de usuario y lograr una identidad de marca más coherente.
¿Querés resultados así para tu empresa?
Hablemos
Instant Cleanup $16
Custom Plan
From$30per weekBuild your plan
Do My DishesEvery Day10% DiscountOnly 4 Left$12Siguiente caso
Sitio web institucional
Faireez
Un sitio responsive, diseñado y desarrollado de punta a punta
Siguiente caso