An all-in-one employee super-app for Vodafone Egypt, designed at _VOIS (Vodafone Intelligent Solutions) — giving the entire workforce instant access to HR, wellbeing, financial benefits and on-site bookings from one role-aware home. Built for around 6,000 staff and is now in daily use.
Vodafone Egypt set out to replace a patchwork of internal HR systems with one mobile product for its entire workforce. Designed at _VOIS, I led the end-to-end product design from discovery to a production-ready, developed app.
Vodafone Egypt employs around 6,000 people across its headquarters, call centres and retail network. Day-to-day, those employees depended on six-plus disconnected systems — an HR portal, a payroll tool, separate booking sheets for parking and transport, scattered PDFs and a wall of email.
The mandate was ambitious: a single, role-aware super-app unifying every employee service behind one login — built as a hybrid app for both Android and iOS, which is why login and the open/close menu behave to each platform's conventions. I owned the design from the first research survey to the final annotated handoff; the app was then developed and shipped, and is now adopted by 6,000 employees.
Vodafone Egypt staff relied on 6+ disconnected systems for everyday HR tasks — no unified app, no consistent experience, and no digital channel for wellbeing.
Employees juggled 6+ separate systems for HR, payroll, benefits and bookings — each with its own login, interface and workflow, causing daily friction.
Without a unified touchpoint, staff defaulted to manual processes — phone calls, emails and in-person visits for routine tasks that should take seconds.
There was no digital channel for mood tracking, wellness content or pulse surveys — leaving employee wellbeing invisible to the organisation.
Design a single, intuitive mobile super-app that consolidates every employee service — from parking and transport booking to payslips and wellbeing — into one seamless, role-aware experience staff actually want to open every day.
Before a single screen, I ran a structured discovery to understand how employees actually work, where the friction lives, and what ‘good’ looks like inside a large telecom organisation.
Payslip towers over everything — and the whole top of the chart is money: Payslip, Emergency Money, Installments, Phone Program, Pension. This single chart decided what earns a place on the home screen.
“I waste half an hour just finding the right system to ask for a day off.”
Employees couldn't locate services — discovery, not features, was the core problem. This drove a single, searchable home with role-based shortcuts.
“I never know what my benefits actually are.”
Benefits and entitlements were invisible. We surfaced them contextually on the dashboard and made them tappable, not buried in PDFs.
“By the time I get to a desktop, I've forgotten what I needed.”
Tasks happened on the move, on phones. Mobile-first, two-tap task completion became a non-negotiable design constraint.
“Nobody asks how we're actually doing.”
There was no wellbeing channel. This surfaced the opportunity for the daily Mood Tracker and anonymous pulse surveys.
Discovery clustered the workforce into three archetypes. Every design decision was pressure-tested against their goals, contexts and constraints.
A flat, searchable architecture replaced six siloed systems. A persistent global bar keeps the essentials one tap away, while every service lives in one of four clear clusters on the home screen.
A single entry funnel — splash, then biometric or PIN login — lands every employee on a role-aware dashboard. From that one hub, four service clusters fan out to 30+ tasks, each two taps deep.
Every screen, branch and decision across the full app — from splash and login through all 30+ modules, with role-based and conditional paths. Zoom into the artboard to read the detail.
When trade-offs got hard, these five principles — drawn straight from the research — decided the call. They kept eight thousand users, not internal politics, at the centre.
Discovery, not features, was the real problem. A searchable home and role-based shortcuts put every service where people instinctively look.
Leave, parking, payslip — each routine task is reachable in two taps, optimised for the busiest, most distracted moment of someone's day.
Content, benefits and shortcuts adapt to role, office and entitlements, so the app feels personal from the very first launch.
A daily check-in and pulse surveys make employee wellbeing a visible, designed-for part of the product — never an afterthought.
A shared design system ships an identical experience across Android, iOS, English and Arabic, at full organisation scale.
A single role-aware home consolidates 14+ feature modules behind one login — turning a fragmented toolset into one daily habit.
“From six logins to one — an everyday app that feels less like enterprise software and more like home.”
One home screen surfaces 14+ modules — HR, payroll, benefits, parking, transport and gym — each just two taps away.
Shortcuts, benefits and content adapt automatically to each employee's role, office location and entitlements.
A daily mood tracker, wellness hints and pulse surveys make employee wellbeing a first-class, measurable feature.
The client was happy enough during the project to ask for five extra modules — including the Mood Tracker and Smart Parking — folded into the same system without slowing delivery.
They also requested a complete dark version as an extra. Because the system was token-driven, every component was already dark-mode-aware — so it shipped cleanly.
Delivered as a hybrid Android & iOS product — which is exactly why login and the open/close menu follow each platform's own conventions.
In an enterprise product, consistency isn't an aesthetic preference — it's how you keep a 6,000-person workforce oriented. Every screen is assembled from a single source of truth: semantic design tokens sitting on an 8-point grid, feeding one component library. That architecture is what holds 100+ screens legible and identical across two platforms and both themes — and what let the system absorb five extra modules and a full dark theme, mid-project, without a single decision being re-litigated.
Colour is never hard-coded. Semantic tokens — surface, text, border, state — bind once and resolve per theme, which is precisely why the dark version shipped as an extra without re-drawing a single screen.
Components reference intent — surface, accent, on-accent — never a hex. Re-theming becomes a data change, not a redesign, so light, dark and both platforms stay in lock-step from one definition.
Every margin, pad and gap is a multiple of eight. That single constraint removes hundreds of arbitrary spacing decisions and gives the whole product a rhythm the eye reads as calm, deliberate order.
Five steps — Display to Caption — cover every screen. A fixed hierarchy means importance is expressed by role, not by nudging font sizes, so scanning a dense HR screen stays effortless.
Fidelity is a sequence, not a style. I don't reach for colour, type or elevation until the structure underneath is proven — because polishing an unsolved layout only makes the wrong thing look convincing. The home screen shows that discipline end to end: the same dashboard, moved deliberately from a grey-box skeleton that settled the information architecture to a design-system interface engineered to be read at a glance.
Greyscale on purpose. The only questions that mattered here were architectural: does Money Box earn its place above the fold, is the news feed signal or noise, and can any core task be reached in two taps? Kept deliberately plain, so no review is spent debating a corner radius while the flow itself is still in question.
Only once the skeleton held did I commit to high fidelity — and every visual decision had a job. The design system supplied colour, type and spacing, so nothing was reinvented per screen; hierarchy pushed Money Box forward and quietened the rest; and contrast, target size and labelling were held to WCAG AA. Same architecture, now legible in a single glance.
Wireframes were where the genuinely hard problems got solved — module priority, navigation depth, and whether the two-tap rule survived contact with 33 services. Working in greyscale kept every stakeholder review on architecture and flow rather than aesthetics, so structural mistakes surfaced while they were still cheap to fix.
The move to high fidelity was a decision to reduce cognitive load, not to decorate. The design system set the vocabulary, visual hierarchy directed attention to what employees open most, and AA contrast plus 44pt targets were enforced from the first pixel — so accessibility was designed in, never retrofitted at the end.
“I commit to pixels only once the structure is proven — colour on an unsolved problem just makes the wrong thing look finished.”
Fourteen-plus modules unified under one navigation — everything from payslips and mobile plans to on-site food ordering, gym booking and company news.
The client was happy enough with the product to ask for a complete dark theme on top of the original scope. Every screen was re-mapped to a dark palette — not a blind inversion — keeping Vodafone red as the accent while preserving contrast and legibility across all 33 services.
Behind the dashboard sits the complete directory: every internal service Vodafone Egypt offers, organised into six scannable groups and reachable from a single searchable menu.
HQ parking was first-come, first-served chaos — staff circling the garage, no idea where space was free. The Smart Parking flow turns that into a calm, three-decision booking with gate access in the app.
No visibility of free spaces meant wasted time and stress every morning, plus disputes over reserved bays and accessibility spots.
Break booking into building → level → spot, show live availability on a map, and replace the security desk with an in-app QR for the gate.
Building → level → spot keeps each screen to a single decision, so booking never feels like filling in a form.
Free-space counts on every step kill the guesswork that used to send people circling the garage.
A booked spot generates a QR for barrier access — removing the security-desk bottleneck entirely.
Two of the most-used benefits are financial: an Installments store for devices paid off through payroll, and Solfa — a secure salary advance for short-term needs, without an external lender in sight.
Staff wanted access to phones, laptops and short-term cash — but informal lending and external financing were costly, slow and easy to mistrust.
Bring both in-house: an installment store deducted automatically from salary, and Solfa advances approved in-app with biometric/PIN security and clear terms.
No manual transfers and no missed payments — deductions are scheduled, visible and predictable from day one.
Every money movement sits behind biometric or PIN, with the amount and terms always shown before confirmation.
Eligibility and caps appear before a request — nobody gets their hopes up only to be rejected at the end.
On large campuses, ordering food or supplies meant queues, cash and chasing vendors. The On-Premises Vendors module turns the whole site into an in-app marketplace — browse, pay biometrically and track delivery to your desk.
Queues at peak hours, cash-only stalls and no way to know if an order was ready — staff lost real time to lunch logistics.
A unified marketplace of on-site vendors with a shared cart, biometric VF-Cash payment and live order tracking to the building and desk.
Order from several stalls in a single basket and pay once — no juggling separate orders or queues.
VF-Cash plus biometric confirmation removes cash and card friction at the busiest moment of the day.
Live status from kitchen to hand-off means nobody waits in line just to check whether an order is ready.
A payslip is the most sensitive thing in the app. The challenge: protect it rigorously without making people feel locked out of their own salary. The answer is biometric-first access with a graceful fallback.
Strong security usually means friction. Employees check pay on the move and won't tolerate a clunky login every time — but the data demands protection.
Default to fingerprint or Face ID for an instant, secure unlock, with a PIN fallback for shared and older devices. Re-authenticate on every entry.
The vast majority unlock instantly with a touch or glance — and nobody is ever locked out of their own pay.
Payslips are never left behind a stale session; each visit re-verifies identity, so a borrowed phone exposes nothing.
A plain-language breakdown of gross, net, allowances and deductions builds trust in the figures, not just access to them.
The daily Mood Tracker turns a 20-second check-in into longitudinal wellbeing data — surfacing supportive nudges when employees need them and giving HR an anonymised pulse on the organisation.
Beyond tasks, the app keeps people connected and supported: company news and photos, push notifications and pulse surveys, instant search, and TOBi — an AI assistant that answers HR questions in plain language.
A product is only as good as its worst moment. Every screen ships with empty, loading, error and success states — so the app stays calm and clear even when things go wrong or there's nothing to show.
A design system guarantees consistency; polish is what makes it feel considered. This is the layer most case studies skip — the motion tokens, state transitions and component-level detail that separate a merely functional enterprise app from one people are glad to open. Across 100+ screens, those small refinements compound into perceived quality.
Taps and pressed states resolve almost instantly — the app must feel like it answers to the finger, not to a network round-trip.
Menus, sheets and platform transitions share one duration, so nothing moves faster or slower than the element beside it.
Charts and availability counts fill on a custom ease-out — long enough to read as intentional, short enough to never make anyone wait.
Durations and curves are tokenised, not improvised. A single expressive easing — cubic-bezier(.2,.7,.2,1) — governs every reveal in the product, so motion feels authored by one hand rather than assembled screen by screen.
No component ships with a single state. Every interactive element is drawn across all five — including a visible focus ring for keyboard and switch-control users — so engineering never guesses, and the experience stays predictable under touch, pointer or assistive input alike.
Pressed states dip and darken on a 120ms curve, so a tap always feels acknowledged — non-negotiable on the mid-range Android devices much of the workforce carries.
Content rises and fades in as the user scrolls, in reading order — guiding attention down dense enterprise screens instead of dropping everything at once.
Charts and live counts fill from zero on entry, turning a static figure into a small moment of confidence that the number is current, not cached.
Resting, raised and floating shadows map to a component's importance — depth is assigned by role, never dialled in by eye.
A tight 8 / 12 / 26 scale keeps chips, cards and device frames visually related — not one arbitrary corner in the whole product.
Every gap is a multiple of eight — 4, 8, 16, 24 — so vertical rhythm holds identical across 100+ screens and two platforms.
The fastest way to spot junior work is accessibility treated as a compliance pass at the end. Here it was a starting constraint. In Egypt, Arabic comes first — so the product was architected Arabic-first and mirrored to English, and every component was drawn to clear WCAG 2.1 AA by default. When inclusion is a design input, it costs nothing later; when it's an afterthought, it becomes a rebuild. This was a deliberate choice to design for the whole 6,000-person workforce from the first wireframe.
Bilingual from the first artboard. Because layouts were built on mirrored auto-layout — not fixed positions — every icon, numeral and flow reflects for right-to-left natively, rather than being force-fitted after the English design was "done".
RTL wasn't a translation layer — it shaped the layout grid itself. Navigation, iconography and Arabic numerals mirror correctly because the system was designed to flip, so neither language feels like the second-class version.
Contrast was a token rule, not a final-pass audit. Text and controls clear WCAG 2.1 AA on every surface — including Vodafone red on light and dark — so accessible colour is impossible to break downstream.
A 44×44 pt minimum everywhere is a decision about who we design for: shift workers, gloved field engineers, tired thumbs at the end of a long day — not an idealised user on a demo device.
Layouts reflow when system text is scaled up, honouring a choice the user has already made about their own eyesight — the app adapts to the person, never the reverse.
Meaning is always carried by more than hue. Every icon is paired with a label and every state with text, so the product reads the same for colour-blind users as for everyone else.
Fingerprint, Face ID and PIN aren't fallbacks — they're parallel paths, so a worn sensor, an older device or a physical limitation never becomes a locked door to your own payslip.
The design evolved through rounds of internal review with HR, product and engineering. Formal end-user testing wasn't part of my engagement — but the delivered design was validated where it counted: the business partner scored it a perfect 10/10.
“10 out of 10.” After the design was completed and the product was developed, the Vodafone business partner rated the work top marks — the strongest signal of fit I could ask for ahead of an end-user rollout.
In review, Smart Parking was hard to find — buried in the menu.
Promoted parking into the dashboard's quick actions.
Surfacing a high-value daily task where people instinctively look.
The daily mood check-in read as clinical and easy to skip.
Softened the language, added a friendly illustration and an optional note.
Wellbeing only works if it feels human, not like a form.
The biometric prompt didn't explain what it unlocked.
Added a one-line explainer and a visible 'use PIN instead' option.
Trust on a payslip gate comes from clarity, not just security.
The clearest way to judge the work is the day-to-day before and after. The same employee, the same task — a fragmented chore becomes a few seconds on a phone.
One product replaced a fragmented toolset for the entire Vodafone Egypt workforce — unifying services, standardising the experience across platforms and making wellbeing measurable.
The design was developed into a production app and rolled out — now the daily home for 6,000 Vodafone Egypt employees, replacing the legacy tool.
A single token-driven design system shipped consistently across Android, iOS and a full dark theme — keeping 100+ screens coherent.
The Mood Tracker — one of five features added at the client's request — gave HR its first continuous signal on employee sentiment.
Honest lessons from nine months on one product — the things I'd take into the next brief.
The strongest features — the Mood Tracker, Smart Parking — came from research, not the original brief. The weeks spent listening paid back many times over.
Investing early in tokens and components let me design 100+ screens across two platforms without the experience drifting or slowing down.
Two platforms, two languages and genuinely sensitive data forced clarity. The hardest constraints consistently produced the cleanest solutions.
Designing for how people feel — not just what they do — changed how stakeholders understood the app's purpose, and what success meant.
Shipping the super-app was the beginning. The roadmap turns a unified product into an intelligent, proactive one.
ML-ranked shortcuts that surface each employee's real, most-used services first.
Connect mood trends to proactive support and anonymised, team-level insight for managers.
Cache payslips and bookings for field staff working in patchy coverage.
Instrument adoption, task success and NPS to prove impact and steer the roadmap with data.