Skip to content
← Back to all work
Product Strategy20247 min read

Ma3aki

"With Me": a Vodafone Egypt app for rural women ambassadors selling basic phone services door to door, designed so reward totals and offers stay clear at a glance for users with little digital experience.

Role
Senior UX/UI Designer
Company
Vodafone Egypt
Project type
Field-agent mobile app

Ownership: End-to-end product design: task framing, Arabic-first flows, UI, content hierarchy, delivery, and design QA.

Impact

A one-field phone-number lookup that replaced a multi-step offer check for agents with little digital experience

Evidence: Shipped Vodafone Egypt field-agent app, task requirements, and implementation reviews.

Ma3aki app home screen in Arabic showing a 1000 EGP reward congratulations banner, a customer phone-number lookup field, and a transaction history summary.
Contents

Overview

Ma3aki (Arabic for “with me”) is a Vodafone Egypt app built for a network of rural women who become Vodafone ambassadors, each given a SIM card to offer basic phone services to people nearby and earn a reward for every sale. Unlike most of the projects in this portfolio, the challenge here was not gaming or motion craft, it was making an app usable for people with little digital experience, where a confusing screen has a direct, real cost to someone’s earnings.

Problem

Many Ma3aki users have limited digital experience, so the app could not rely on the usual assumptions: familiarity with app navigation patterns, comfort with multi-step flows, or confidence recovering from a wrong tap. At the same time, the app is directly tied to real income.

Reward totals, available offers, and order status all had to be understood correctly and quickly, since a misunderstood balance or a missed offer is not just a bad experience, it is lost earnings for someone relying on this work.

Goals

  • Make an ambassador’s earned reward total impossible to misread, front and center on the home screen.
  • Reduce checking a customer’s available offers to the fewest possible steps, since this happens repeatedly, door to door.
  • Keep transaction history legible at a glance, distinguishing pending rewards from settled ones without requiring the user to interpret status codes or jargon.
  • Design for a user with little digital experience first, not as an accessibility afterthought layered onto a standard app pattern.

Business Context

The Ma3aki model extends Vodafone Egypt’s reach through a human network rather than paid advertising or physical stores, an ambassador selling basic services to people nearby who might otherwise be hard to reach digitally. That model only works if the ambassador’s own tool is easier to use than the very digital barrier the program exists to work around.

Research

Constraints

Discovery

The most-repeated action for an ambassador is checking whether a specific customer, identified by phone number, qualifies for an offer. Everything else (rewards, history) is checked less often but needs to be trusted completely when it is.

That split shaped which action got the most prominent, fastest path on the home screen, and which could sit one section down.

Strategy

The home screen leads with the ambassador’s own reward status (a clear, large “you earned” figure) directly under the header, then a single phone-number field to check a customer’s offers, the app’s most frequent action, one tap away with one clear button. A collapsible transaction history sits below, summarizing pending rewards, total transactions, and total monthly reward as three plain numbers rather than a detailed ledger. A separate, simple explainer screen covers how the offer-lookup flow works for anyone who needs it.

UX Decisions

Reward total

A large, immediate number, not buried in a menu

Shown with a congratulatory banner as the first thing on the home screen, not tucked inside a settings menu.

Offer lookup

One field, one button

Customer offer lookup reduced to a phone number and a single button, since this is the highest-frequency task and cannot afford extra steps.

Transaction history

Three plain totals first, detail on demand

Pending rewards, transaction count, and monthly total shown as plain numbers, with full detail available but not forced on the user by default.

Help

A first-class 'how it works' screen

Treated as its own screen rather than a hidden help link, since the assumption is a user may genuinely need it.

Wireframes

Structure work prioritized reducing steps over adding features: every flow was checked against “could this be one field and one button instead of a form,” given how directly usability here connects to whether an ambassador can complete a sale in the moment, in front of a customer.

UI Design

Ma3aki app home screen in Arabic showing a 1000 EGP reward congratulations banner, a customer
phone-number lookup field, and a transaction history
summary.

Home: the reward total and congratulations banner sit above a single phone-number field, the app's highest-frequency task.

The home screen opens with the Ma3aki wordmark, a reward congratulations banner with an illustrated graphic, and a labeled phone-number input for checking customer offers, paired with a single red call-to-action button. Below it, a collapsible “Transaction History” section shows pending rewards, total transaction count, and total monthly reward as three clear line items.

Ma3aki available offers screen listing current promotions an ambassador can offer to
customers

A separate offers screen lists available promotions an ambassador can offer to customers.

Ma3aki transactions screen showing dated entries with customer phone numbers and reward
amounts

A transactions screen shows dated entries with the associated customer phone numbers and amounts.

Ma3aki “how it works” explainer screen describing the customer offer-lookup
flow

A “how it works” screen explains the offer-lookup flow with a short illustrated banner, for anyone who needs it.

Motion

Motion was kept minimal and purely confirmatory, a reward banner appearing on the home screen, a section expanding to reveal transaction history, rather than any decorative animation, since the priority for this audience was certainty about what just happened, not visual flourish.

Design System

Ma3aki uses Vodafone’s red brand color for its primary actions and reward moments against a clean white background, favoring plain typography and generous spacing over dense information display, a deliberately simpler visual system than the network’s gaming or campaign products, chosen specifically for this audience.

Engineering Collaboration

Accessibility

Testing

Validation focused on the core task standard for this audience: could each task be completed correctly by someone with little app experience, without needing help?

Business Impact

By making the highest-frequency task, checking a customer’s offers, down to one field and one button, and making reward totals impossible to misread, Ma3aki supports a sales model where the app itself should never be the reason an ambassador loses a sale or misunderstands what they have earned.

Results

Ma3aki shipped as a complete, Arabic-first app covering customer offer lookup, ambassador reward tracking, transaction history, and a plain-language explainer for its core flow.

Metrics

Learnings

Designing for a user with little digital experience is not the same problem as designing for a novice app user in general, it means questioning defaults that most design systems take for granted, like multi-field forms or icon-only status.

Reflection

Ma3aki is a good counterweight to the more visually ambitious work in this portfolio. There is no 3D asset or game mechanic here to point to, the craft is entirely in restraint: deciding what not to show, and making sure the few things that are shown cannot be misread by someone whose income depends on getting it right.

The craft is entirely in restraint: deciding what not to show, and making sure the few things that are shown cannot be misread by someone whose income depends on getting it right.

From the Reflection