• [ Work ]
  • [ About ]
  • [ Resume ]
  • [ Contact ]
Hee MoonSenior Product Designer

One app for a sales force that works inside someone else's store.

ZeUs is an app for Zebrands employees, focused on communication, motivation and performance. It started with the sales force: promoters selling Zebrands' brands inside Liverpool department stores, and the supervisors who run them. It has two versions, one for each, and a module for each part of the job: shifts, products and training.

  • ZeUs promoter home screen in Spanish. The promoter's name and initials at the top, a card for today's shift, Monday 14 February 2022 from 12:00 to 8:00 PM, with a blue Entrada (clock in) button, a sales card, the catalog with the Luuna, Nubed and Ergo logos, and Mis cursos with FABs y CBATs. Tabs at the bottom: Inicio, Turnos, Librería and Cursos. The design's stock photos are replaced with plain placeholders.

    Clock in from home

    Today's shift, store and progress, with the Entrada button that starts the selfie clock-in.

    Promoter version
  • ZeUs supervisor home screen. The supervisor's initials and name, Wednesday 7 February 2022, Promotores: 6 and four counters: 02 En turno, 02 Descanso, 01 Tarde and 01 Falta (on shift, on break, late, absent). Below them, sales for 1 to 13 February, the catalog and Productos with SKUs, prices and details. Tabs at the bottom: Inicio, Turnos, Asistencia and Librería.
    Supervisor version
01 / 06

Clock in from home

Today's shift, store and progress, with the Entrada button that starts the selfie clock-in.

The catalog, one tap away

Every Zebrands brand sits on the home screen, for the customer's next question.

Training in reach

The promoter's ZeLearn courses, between customers.

The team at a glance

How many promoters are on shift, on break, late or absent today.

Sales next to attendance

The team's sales for the period, on the same screen.

The same products

The catalog promoters use, with SKUs, prices and details.

Clock in from home

Today's shift, store and progress, with the Entrada button that starts the selfie clock-in.

The brief

Sell well in a store you don't run.

Zebrands had been taking its products beyond its own stores and online sales, into department stores and other wholesalers. Planning the 2022 growth strategy turned up many ways to make the sales force more effective. ZeUs came out of that: a mobile app for remote sales teams, to win market share in very competitive sales channels. It started with the promoters in Liverpool stores, with wholesalers, warehouse staff and other employees to follow.

The case for it was in the numbers. In a store with no sales force, Zebrands' brands had 2% of the market. A supervisor alone more than doubled that, and the first promoter doubled it again.

Zebrands' market share in a store, by sales force presence
Sales force in the storeMarket shareChange
No presence2.0%
Supervisor only4.9%+2.9
1 promoter9.7%+4.8
2 promoters10.7%+1.0
3 promoters11.6%+0.9
Zebrands data, 2022.

A supervisor looks after about ten stores, with one to three promoters in each, and the further a store is from its supervisor, the weaker it does. Before ZeUs, that distance was bridged by WhatsApp and Excel.

  1. ZeTime

    Shifts and attendance

    Promoters clock in with a selfie and their location. Supervisors see who's on shift, late or absent.

  2. ZeProducts

    The catalog

    Every brand and product, with the specs a promoter needs on the shop floor.

  3. ZeLearn

    Training

    Courses, lessons and quizzes on the products and how to sell them.

I was the only designer on the team, with a PM, a tech lead, a data lead and three backend developers. Research came first: interviews with stakeholders, supervisors and promoters, a survey, and a look at who the promoters are. Three things shaped the app. Keep it simple and familiar, built on habits people already have. Show, don't tell: visual, symbolic, multimedia. And give supervisors the tools to adjust the strategy store by store, so promoters get guided freedom to sell their way.

From there, the use cases for each side, a design studio workshop with the whole team, and wireframes value tested with users and stakeholders. The refined prototype was usability tested with ten users, five promoters and five supervisors, before the first release.

Hand-drawn use cases. On the left, As a supervisor I want: to view promoters' profiles and shifts, see the business calendar and requested holidays, contact a promoter through WhatsApp, assign and post shifts, get notified when a promoter is late or reports an issue, see shifts by store, a weekly calendar, a summary board of who is on shift, late or scheduled, and to ask a promoter to confirm their location. On the right, As a promoter I want: to check in on arrival, start and pause my break, check out, get a reminder ten minutes before my shift, clock in offline, report an illness or an issue, see and cancel my shifts, and see my supervisor's vacation days.

ZeTime launched first, with ZeProducts and ZeLearn after it.

ZeTime

Clocking in, with proof.

Promoters used to prove they were at work with a selfie in front of the store's TV, which shows the time, sent to a WhatsApp group. Every Monday the supervisor planned the week in Excel, logged the times by hand and sent HR the days, overtime and commissions. Nobody could check a promoter was on the floor, the groups were invisible to the company, and the hours that set people's pay went unaudited.

ZeTime keeps the habit and fixes the gaps. It handles scheduling, attendance, tasks and communication for people who work far from their manager, and it went into use with supervisors and Luuna promoters in major department stores in Mexico. For a promoter, a shift starts with the Entrada button on the home screen above.

A selfie that shows the time.

Clocking in takes a selfie. The hint asks the promoter to show the time and date in the background, so the photo is the proof.

Front camera view of a smiling woman in glasses and an orange sweater waving at the camera, with the hint Recuerde mostrar claramente la hora y la fecha en el fondo (make sure the time and date show clearly in the background), a shutter button and a button to switch cameras.

Photo, time and place, together.

Before sending, the promoter checks the photo, the time and a map of where they are.

Validación screen. The promoter's name and 12:10 PM, the selfie, a map with a pin on the promoter's location, and the blue Entrada button.

A clear yes.

A confirmation says the shift is registered.

Confirmacion dialog over the dimmed validation screen, with a green check, the message ¡Has registrado correctamente tu turno! (your shift is registered) and an Aceptar button.

The day, step by step.

The Turnos tab lays out the week. Each day is a timeline of clock in, break out, break in and clock out, filled in as the promoter goes.

Turnos screen. A month picker, a row of days from Monday to Sunday with Wednesday selected, the store tag Liverpool Polanco, and a timeline for the day: Entrada at 12:00 PM, Salida descanso and Entrada descanso still blank, Salida at 08:00 PM. The Entrada button sits at the bottom.

The supervisor sees the whole team at once.

The supervisor's home screen counts the team by status: on shift, on break, late and absent. The Turnos tab shows who.

Every promoter, every store, one list.

Each promoter's status, time and store for the day, searchable by name, location or status. The plus button assigns a shift.

Supervisor Turnos screen for February 2022 with Wednesday 7 selected, a search field for name, location or status, and a list of promoters with initials avatars, their clock-in time, their Liverpool store and a status: Ausente, Sin registro, En turno or Comida. A blue plus button sits at the bottom right.

What needs attention, as it happens.

Notifications for clock-ins, breaks, missed clock-ins and incidents like a medical absence waiting for its justification.

Notificaciones screen grouped into Hoy and Ayer. Promoters going on lunch and clocking in at Liverpool stores with times, red alerts for Sin registro de entrada (no clock-in), and an Incidencia: Medico with Justificacion pendiente (justification pending).

One shift in detail.

Each step of a promoter's shift, with the missing one flagged. The supervisor can message them from here.

Shift detail for one promoter, with an initials avatar: 12:00 PM to 8:00 PM at Liverpool Santa Fe on 7 February, Mensaje and Perfil buttons, the status Sin registro, Entrada at 12:05 PM, and Empezar comida marked Sin registro in red with a yellow warning.

Fix a shift, add overtime.

The supervisor corrects a missing record and adds overtime in hours.

Editar turno screen with a Sin registro row, an Horas extras (overtime) toggle switched on, options for 1 hr, 2 hrs, 3 hrs and 4 hrs with 1 hr selected, and an Editar button.

ZeProducts

The catalog in every promoter's pocket.

Promoters sell several Zebrands brands side by side. ZeProducts puts the whole catalog in the app, so the answer to a customer's question is a search away.

Browse by brand or category.

The library opens on Zebrands' brands, with categories one tab over.

Librería screen on the Marcas tab, with Categorías beside it, showing tiles for the brands Luuna, Nooz, Mappa, Ergo and Nubed.

Search, filter, compare.

Search by brand, category or product, filter, and switch between a grid and a list.

Catálogo screen with a search field for brand, category or product, a filter button, grid and list toggles, and a grid of products: the Original, Blue and One mattresses from Luuna and a Luuna Tencel protector.

The specs a customer asks about.

Each product leads with its photos and pitch, then the specs: layers, height, warranty, certification and cover.

Producto screen for the Luuna Original mattress. A product photo with a gallery, the name and brand, the line El colchón mejor evaluado de México, and specs: 4 capas, 28 cm de altura, Garantía de 10 años, CertiPUR-US and Funda Removible.

ZeLearn

Training between customers.

ZeLearn brings training to the shop floor: programs, courses and seminars on the products and how to sell them, in short lessons with a quiz at the end.

Courses in progress, and what's next.

The promoter's courses with their progress, suggested courses, and upcoming seminars they can set a reminder for.

Educación screen. A search field, Programas chips for Cultura, Wholesale and Productos, Mis cursos with FABs y CBATs at 55% and Estructura at 23% complete, Cursos para ti, and upcoming Seminarios, each with a date and a bell for a reminder. Course photos are grey placeholders.

Short lessons, ticked off.

A course is a short list of articles, videos and a quiz. Lessons can be downloaded.

Curso screen for FABs y CBATs. A video player with a plain dark frame in place of the video, tabs for Contenido, Descripción and Descargas, and the lessons: two articles ticked as done, a video of 1 minute 43 seconds and a quiz, each with a download button.

One idea per screen.

Articles are short and visual, with next and previous at the bottom.

Articulo screen. An illustration of the five Luuna mattress sizes, the heading 5 tamaños de colchones Luuna with a short text saying the mattresses are made in Mexican sizes, and Anterior and Siguiente links.

Check what stuck.

Each course ends with a quiz, one question at a time.

Quiz screen asking ¿Qué son los FAB's & CBAT's? with three answers labelled A, B and C, a progress bar at question 1 of 2 and a Verificar button.
Next case studyBelong →

Want to talk about this work?

  • [ Email me ]
  • [ Resume ↗ ]
  • [ LinkedIn ↗ ]
  • [ ← All work ]