Project Snapshot

Cross-functional design engagement for a subscription gaming and entertainment service targeting South Africa’s mobile-first youth. Scope covered web, mobile web, and Android on Vodafone’s live! framework. Pricing ranged R2–R30/month with carrier billing.

User Behavior Observations

Most users were prepaid and data-constrained; 78% relied on mobile data over WiFi. Trust was fragile: 67% feared hidden charges, suppressing sign-ups. Pre-redesign sessions were brief (<90s) and task abandonment high. Users were uncertain if games required download or could play instantly. A nine-category IA forced scanning rather than quick play, creating discovery friction. Persona “Thabo” prioritized instant fun, zero-risk trials, and family-safe content.

Market & Context Observations

Data cost shaped behavior more than content variety. Network variability on 3G/4G demanded fast, lightweight pages. Retail store interviews revealed billing anxiety rooted in past WAP-era charges. Youth audiences shared devices, increasing need for safe defaults.

Design Pattern Discoveries

A zero-click, 30s game preview (no data charge) removed trial friction and built trust. One-tap subscription with explicit price bands (R2–R30) and carrier billing pre-fill reduced effort and uncertainty. Offline sync enabled WiFi downloads for later play. IA collapsed from nine categories to four hubs (Games, Video, Kids, Chat). High-contrast cards with bold type and large targets improved scannability and tap accuracy under poor networks.

Technical Constraint Observations

Every feature was tuned for data and latency: image compression, deferred loading, and lightweight previews. Carrier billing was the default payment path. Design adhered to Vodacom brand (red #E20000, Vodacom Sans). Cross-device sync was limited; we prioritized single-device continuity with graceful fallbacks.

Team Dynamics Observations

Two designers, one researcher, three engineers, and one PM iterated in tight loops. Progressive fidelity (flows → wireframes → Figma prototypes) allowed validation with 30 test users and an additional 15 before build. Shared metrics dashboards aligned decisions.

Surprising Findings

Hidden-charge fear (67%) outweighed content interest; transparency messaging had outsized impact on conversion.

Patterns That Emerged

Trust-through-clarity, trial-before-commit, fewer choices, and offline-first thinking are effective in data-constrained markets.

What Worked / What Didn’t

Worked: zero-click previews, explicit pricing, IA simplification, progressive testing. Didn’t: limited A/B tests on pricing display; no referral mechanics; initial separation of technical constraints from UI decisions slowed early progress.

Observations About Impact

Within six months: +34% subscriptions, −28% bounce, session duration up to 4.2 minutes, app rating 4.6 after accessibility improvements. Results validate transparency-led design and lightweight performance as key levers for growth in mobile data–sensitive contexts.

Personal Design Enhancement

Project Context

V‑Live offered mobile games, video, news, and kids content via a one‑tap subscription (R2–R30/month). Youth on 3G/4G networks were the core audience; unlimited access and minimal data overhead were the value props.

My Role & Initial Mindset

I was Lead Product Designer with two designers, one UX researcher, three engineers, and one PM. I started confident in crafting clean UIs, less confident about designing for severe data costs and flaky networks. I expected incremental wins; the market forced fundamental rethinking.

Key Design Challenges I Faced

• Content findability across nine overcrowded categories

• Only 19% browse‑to‑paid conversion; sessions <90s

• Confusion between downloading vs streaming games

• 67% feared hidden charges

• 
  

Critical Decisions & Trade-offs I Made

• Collapsed nine categories into four hubs (Games, Video, Kids, Chat) to reduce choice paralysis, trading breadth of navigation for clarity.

• “Zero‑click preview”
  30‑second game trials with no data charge, prioritizing trust over immediate revenue.

• One‑tap subscription with upfront pricing and cancellation clarity, accepting an extra modal to ensure comprehension.

• Offline mode that syncs over Wi‑Fi, deferring some real‑time features to respect data limits.

• Built a UI kit extending brand guidelines with high‑contrast cards, large targets, and loading skeletons to mask network variability.

Skills I Developed or Strengthened

• Designing for constraints: data cost modeling and low‑bandwidth UX

• Evidence‑based iteration: moving from low‑fi flows to Figma prototypes tested with
  15 users

• Accessible, performant component design (contrast 4.5:1, focus states, keyboard carousels)

Collaboration & Leadership Moments

I mediated pressure for “quick wins” by sequencing research: surveys (n=250), remote tests (n=30), and store interviews. I framed insights as risks, aligning PM and engineering on a test‑learn cadence. I mentored two designers through the hub redesign and instituted a lightweight design system.

What I Would Do Differently

Run A/B tests on pricing display variants earlier and build a refer‑a‑friend mechanism to harness word‑of‑mouth.

How This Project Changed My Design Approach

I now design trust first. In emerging markets, clarity about cost and data is UX. I prototype with network throttling by default and treat “don’t make me think about megabytes” as a core requirement.

Key Takeaways for Future Work

• Reduce choices; increase comprehension.

• Make value and price explicit before action.

• Build for offline and recovery states early.

• Validate fast with mixed methods.

• Accessibility improves ratings and reach.

Outcomes: +34% subscriptions in six months, bounce rate −28%, time on site to
4.2 minutes, store rating 4.6.

Executive Summary

Vodacom V‑Live is a flagship digital lifestyle portal for Vodacom South Africa, built on Vodafone’s global live! framework. As Lead Product Designer, I led an
8‑month redesign to create a youth‑focused gaming and entertainment ecosystem that reduced data risk, simplified discovery, and increased conversion.

Problem Statement & Context

• High data costs limited spontaneous usage.

• Crowded nine‑category IA obscured relevant content.

• Low conversion from browse to paid tiers (R2–R30).

• First‑time confusion over streaming vs. download.

User Research & Insights

• Methods: online survey (n=250), remote usability tests (n=30), in‑store interviews at Vodacom shops.

• Findings: 78% rely on mobile data; 67% fear “hidden charges”; avg session <90s.

• Persona: “Thabo,” 22, prepaid, seeks quick wins, zero‑risk trials, family‑friendly options.

Design Process & Methodology

• Discovery → IA consolidation → low‑fi flows → mid‑fi wireframes → clickable Figma prototypes.

• Tested with 15 users across iterations; issues triaged with PM/Engineering.

• Weekly design crits; design tokens aligned to brand.

Solution Overview

• Bundled, unlimited‑access subscription (R2–R30) for games, video, news, kids.

• Optimized for Vodacom
  3G/4G with instant streaming and offline downloads to minimize data overhead.

Key Features & Design Decisions

• Zero‑click Preview:
  30‑second game sample without data charges.

• One‑tap Subscription: plan cards with explicit R2–R30 pricing and benefits.

• Offline Mode: downloads sync over Wi‑Fi; clear states and storage controls.

Technical Considerations

• Built atop Vodafone live! services; carrier billing for frictionless purchase.

• Lightweight assets, adaptive bitrates, and caching to reduce data use.

• Download manager with Wi‑Fi‑only policy and retry logic for spotty networks.

Design System & UI Highlights

• IA: consolidated nine categories into four hubs—Games, Video, Kids, Chat.

• Home: swipe carousel with autoplay thumbnails; “Get Started” above the fold.

• Game Detail: screenshots, system requirements, data use estimate, one‑click install.

• Kids Mode: PIN‑protected, curated content, parental timers.

• Foundations: Vodacom Red #E20000, white/charcoal; Vodacom Sans (headings) + Open Sans (body).

• Components: cards, buttons, modals, toasts, loading skeletons; large touch targets; bold type.

Accessibility & Inclusive Design

• 4.5:1 contrast minimum; high‑contrast mode.

• Keyboard‑navigable carousels with visible focus.

Results & Outcomes

A coherent four‑pillar experience, reduced perceived data risk, and clearer value communication drove engagement and revenue lift.

Challenges & Learnings

Aligning data costs and network reliability with intuitive UI was critical. Next: A/B test pricing prominence, introduce “refer a friend,” and deepen preview surfaces.