The original Engage app was built between 2019–2020 and followed a familiar enterprise mobile pattern: a branded header, a hero image section at the top of each module, and a grid of icon tiles below it. Every section — Home, Connect, Human Resources, Food Menu, Facilities Requests, Gift & Hospitality, Boardroom Check-In, AskIT — followed the same template.

Each section had its own red-header page with a large hero image and a 2×4 icon grid of sub-actions. Navigation was purely hierarchical — you had to know which top-level section held what you needed. There was no search, no shortcuts, no personalisation, and no way to surface what was relevant to your role or location. The app was honest about its own architecture, but employees weren't using it that way.

Through employee interviews, support ticket analysis, and direct observation, I catalogued the recurring pain points that motivated the redesign:

• 01
  No feature hierarchy All 9 home tiles were rendered at equal visual weight. Employees who checked their leave balance daily had the same experience as someone accessing Boardroom Bookings once a month. The app treated all features as equally important to all people at all times.
• 02
  No personalisation layer The app showed the same home screen to a call centre agent in Johannesburg and a network engineer in Cape Town. There was no role-based filtering, no location-aware content, and no way to save frequently-used actions. Employees resorted to remembering navigation paths rather than using the app intuitively.
• 03
  No search If you didn't know which of the 9 categories your question lived in, you had to explore each one. This was the primary driver of IT helpdesk tickets — employees raising tickets for things the app could resolve, if only they could find them.
• 04
  Repetitive visual template Every module used the same red-header + hero image + icon grid pattern, regardless of content type. HR Policies, Food Menus, and Boardroom Bookings all looked identical. The pattern prevented the app from communicating which sections were content-heavy vs action-driven vs time-sensitive.
• 05
  Form UX gaps Forms had no progress indicators, no inline validation, no field-level guidance, and no confirmation states. The Facilities Request and Gift & Hospitality flows were particularly error-prone, generating a disproportionate share of support contacts from users who were unsure if their submission had been received.
• 06
  No contextual content Announcements, news, Wellbeing initiatives, and Rewards campaigns had no dedicated home on the home screen. They were buried inside individual modules. An employee would have to navigate into Human Resources to find a policy update, or into Connect to see a company announcement — even when those items were time-sensitive.

The redesign wasn't a visual refresh — it was an architectural rethink. Every change was grounded in a specific problem identified during discovery. Below is the decision log: what changed, why, and what principle guided the decision.

The decisions above were governed by four design principles that emerged from the research phase:

• 01
  Surface before search Employees shouldn't have to know the app's architecture to find what they need. The home screen redesign was guided by a single question: "What does this person most likely need right now?" — answered by role, behaviour, time of day, and recent activity. Cards that don't require navigation at all are better than navigation that's one tap faster.
• 02
  Personalisation earns trust An app that knows your name and shows your recent payslip date feels like a tool. An app that shows the same home screen to everyone feels like a noticeboard. The personalisation layer wasn't cosmetic — it was the difference between employees checking the app first vs calling IT first.
• 03
  Brand serves content, not the other way around The old design made Vodafone Red the hero on every screen. The redesign inverted this — brand colour is used as an accent to guide attention, not as a background that competes with content. Dark surface cards let photography and type do the communicating, with brand expressed through the Vodafone swoosh and key CTAs.
• 04
  Forms are conversations, not data entry Every form in the old app felt like a database schema transposed onto a phone. The redesign treated forms as guided conversations: one decision at a time, context shown upfront, progress made visible, and completion celebrated. The COVID screening flow was the clearest expression of this — a complex conditional form made to feel like a 3-minute check-in.

The redesigned Engage app moved from a static icon-grid to a contextual, card-based experience with a personalised home screen, global search, bottom navigation, and an expanded feature set built around real employee workflows.

The new home screen leads with a personalised greeting and the user's profile context, followed by a Rewards4U promotional banner, My Favourites (user-curated shortcuts), a Company Strategy section with Our Purpose and Our Strategy, and a Wellbeing Hub card. The overall visual language shifted from red-dominant to dark charcoal with red accents — a change that reduced visual fatigue on daily-use screens while keeping the Vodacom brand present and recognisable.

The new design introduced 6 core screen types, each designed for a specific employee need:

• 01
  Personalised Home Greeting with user's name and role, Rewards4U notification badge, search shortcut, and a contextual card stack. The home screen is the only screen an employee needs to visit to understand what's new, what's relevant, and what they've been doing recently.
• 02
  My Favourites A user-managed section at the top of the home content area. Employees add their own frequently-used features — Our Purpose, New Workflow, Vodacom Note — without any admin intervention. On first use, an empty state offers guided suggestions. Configured once, persisted across sessions.
• 03
  Profile Panel A slide-in profile sheet showing full employee context: name, title, department, employee number, email. Quick-access links to Privacy Statement and Total Reward Statements. Language switcher at a single tap. Logout at the bottom. Avatar customisation with a dedicated update flow.
• 04
  Avatar Customisation A new onboarding moment: employees can personalise their app identity with an illustrated avatar selector. The flow uses a two-step pattern — cancel/update confirmation — so changes feel deliberate. Avatar appears in the profile panel and as the home screen greeting avatar.
• 05
  Navigate Engage Overlay A full-screen navigation overlay accessible from the home screen that organises all features into top-level categories: Company Strategy (My Tasks, Our Strategy), Connect (sub-features). This replaces the old 9-tile home grid for deep-navigation use cases while keeping the home screen clean for frequent tasks.
• 06
  Rewards4U Banner & Tab A dedicated tab in the bottom navigation for Rewards4U — Vodacom's employee rewards and recognition platform. A home screen banner shows current promotions with a "Learn more" CTA. Rewards are now a first-class feature rather than a tile buried inside Human Resources.

The redesign followed a research-first, test-early approach across three phases over approximately 4 months:

• 01
  Discovery — support tickets + employee interviews Started with 3 months of IT helpdesk tickets. Identified the top query categories and mapped them against the current navigation to find where the app was failing. Spoke to 6 employees across engineering, HR, finance, and campus operations. Built an emotional journey map from "opens app" to "gives up and calls IT."
• 02
  IA redesign — card sorting + tree testing Ran a card sort with 12 employees to understand their mental model of feature groupings. The results challenged several assumptions about what "belonged together." Used findings to redesign the information architecture: 6 top-level categories replacing the flat 9-tile grid, with a new search layer as a navigation fallback.
• 03
  Visual direction — dark theme exploration Tested two directions in parallel: a refreshed version of the existing white/red design, and a dark charcoal direction. The dark theme tested significantly better for daily use — employees felt it was easier on the eyes during extended use and felt more modern and intentional. The dark direction was selected and developed through hi-fi.
• 04
  Wireframing — mid-fi through hi-fi in Figma Built wireframes for 14 screens, progressing from lo-fi structure through mid-fi component validation to hi-fi with the Vodacom brand applied. Used auto-layout components throughout to make the hand-off a single Figma file rather than a collection of static artboards.
• 05
  Prototype testing — 2 rounds, 10 sessions Round 1 with 5 employees: tested navigation to 4 features and the profile customisation flow. Round 2 with 5 employees: tested the COVID screening flow and the Favourites management flow. Net findings: search was the most-valued addition, and avatar customisation drove the highest positive sentiment response.
• 06
  Design system contribution All new component patterns contributed back to the shared Vodacom design library: dark card variants, bottom navigation component, profile panel shell, avatar picker component, Rewards4U banner, and the COVID form pattern (multi-step with conditional branching).

• IA redesign — card sort with 12 employees, tree-test validation, new 6-category structure replacing 9-tile flat grid
• 14 hi-fi screens — Home, Profile Panel, Avatar Customisation (2 states), My Favourites, Navigate Overlay, HR module, Connect module, Food Menu, Facilities Request, Gift & Hospitality, COVID Pre-Screening (4-step flow), Search, Rewards4U
• Clickable Figma prototype — 5 core flows tested across 2 rounds, 10 sessions
• COVID Pre-Screening flow — full conditional form with health conditions, work location, transport, and consent — designed as a guided multi-step conversation
• Design system contributions — dark card variants, bottom nav component, profile panel shell, avatar picker, Rewards4U banner, COVID form pattern
• Usability test report (2 rounds) — 10 sessions, key findings and scope changes documented before handoff
• Annotated dev handoff — all screens with spacing, colour tokens, interaction specs, and component references

The redesigned Engage launched in 2022. The IT support team reported a meaningful reduction in navigation-related tickets — the primary pain point the redesign was built to address. Employee feedback gathered post-launch highlighted search and personalisation as the most-valued additions.

Three things I'd carry into any enterprise mobile redesign:

• 01
  Support tickets are better research than surveys The IT helpdesk data told me exactly where the app was failing — not what employees said they wanted, but what they actually couldn't do. Starting with 3 months of tickets gave the redesign a concrete, defensible priority list that stakeholders couldn't argue with.
• 02
  Personalisation needs a behaviour signal, not a settings screen The My Favourites feature worked because employees curated it themselves — it didn't require an admin to configure roles and permissions. When personalisation requires user action to activate, it tends to be used by the people who need it most and ignored by everyone else. That's fine. The goal was relevance, not uniformity.
• 03
  Dark themes need a strong rationale, not just an aesthetic preference The dark direction was chosen because it tested better for daily use — less visual fatigue, higher perceived modernity. But it also created new constraints: photography needed to work against dark surfaces, the Vodacom red needed careful handling to avoid vibrating against dark backgrounds, and text contrast had to be re-validated at every tier. The decision was worth it, but it required deliberate follow-through.