5G: The Formula Pedal Feature
A 5G eligibility check reimagined as a Formula 1 launch: pressing a pedal verifies a device and SIM for 5G, then triggers a race-to-space animation, turning a routine compatibility screen into the feature itself.
- Role
- Senior UX/UI Designer
- Company
- Vodafone Egypt
- Project type
- Campaign feature, mobile web
Folded a routine device and SIM eligibility check into a Formula 1 race-to-space animation, tied to Vodafone's real F1 sponsorship
Contents
Overview
This feature reframed a normally dull moment, checking whether a device and SIM support 5G, as a Formula 1 launch sequence, built on Vodafone’s real Formula 1 sponsorship. A user presses a pedal control, the app verifies their device and SIM in the background, and the result plays out as a race-to-space animation rather than a plain status message.
Problem
5G eligibility checks are, by nature, a compatibility gate: a binary yes/no screen most users only see once and quickly forget. That kind of screen usually breaks the flow of an otherwise exciting migration moment (getting 5G for the first time) instead of contributing to it.
The challenge was making that unavoidable technical check feel like part of the excitement, not an interruption to it.
Goals
- Use Vodafone’s Formula 1 sponsorship as a genuine hook, not a decorative badge, by building the actual interaction around a racing metaphor.
- Turn the wait time for a device/SIM compatibility check into an anticipation-building moment instead of a loading spinner.
- Keep the real technical outcome (5G ready or not) clearly communicated once the animation resolves.
Business Context
Migrating users to 5G was a priority campaign push, and Vodafone’s Formula 1 sponsorship gave the brand a recognizable, high-energy association to borrow from. A migration-focused feature dressed in generic UI would have had to build excitement from nothing; this feature had to earn its impact from an association the brand had already invested in.
Research
Constraints
Discovery
The clearest opportunity was sequencing: instead of showing a loading state while the compatibility check ran, then a separate result screen, the pedal-press interaction could cover both moments as one continuous animation: press to launch, check running during the “race,” reveal at the “space” moment.
That structure removed the dead time a typical loading-then-result flow usually has.
Strategy
The flow opens with a glowing 5G badge and a direct instruction, “press the Formula pedal to enjoy the 5G speed,” while the device/SIM check runs. Pressing the pedal control transitions into a race-to-space animation sequence; the resolution reveals the actual compatibility result (“your 5G status,” “SIM is 5G ready”) over a starfield backdrop that keeps the “space” framing consistent through to the final state.
UX Decisions
One pedal, not a generic button
The entire interaction is framed around a single, obvious control, the Formula pedal, instead of a generic “check now” button, so the racing metaphor extends into the interaction itself, not just the visuals around it.
The real check runs during the 'race'
The compatibility check runs during the animation’s “race” phase rather than before or after it, so there’s no separate, unstyled loading state breaking the sequence.
A plain status line after the spectacle
The flow resolves to a plainly worded status line (“SIM is 5G Ready”) after the animation, so the fun framing never obscures the actual answer a user needs.
Wireframes
Structure work centered on timing: mapping exactly when the pedal press should trigger the compatibility check, how long the race sequence needed to run to cover a realistic check duration, and where the result reveal should land, so the technical check and the animated metaphor stayed in sync rather than drifting apart.
UI Design
The opening screen shows a pulsing, ringed 5G badge in white on Vodafone red, with bold copy explaining the pedal interaction and a small “Start” pedal-style control illustrated with a boot pressing a red pedal. Pressing it launches an animated red Formula 1 car, shown from a top-down racing perspective, that carries the transition into a dark, starfield result screen where the 5G badge reappears in monochrome alongside the actual eligibility status.
Motion
Motion carried the feature’s entire value proposition: the pedal press, the car’s launch, and the transition from a red racing environment into a dark, starlit “space” arrival all needed to read as one continuous, satisfying sequence. Removing or weakening that motion would leave nothing but a standard compatibility screen underneath.
Design System
The feature uses Vodafone’s red at full saturation for the racing phase and shifts to a dark, starfield palette for the resolution screen, a deliberate departure from the red-and-white system used elsewhere, chosen specifically to sell the “race to space” framing of the metaphor.
Engineering Collaboration
Accessibility
Testing
No dedicated usability study is documented for this feature. It’s described internally as one of the strongest-performing motion features at the time it shipped, based on internal team and stakeholder response rather than a formal, published test.
Business Impact
By tying a 5G migration check directly to Vodafone’s Formula 1 sponsorship through an actual interaction (not just branding), the feature gave the migration campaign a distinct, ownable moment instead of a generic compatibility screen, reinforcing the sponsorship’s value beyond passive logo visibility.
Results
The feature shipped as a complete pedal-to-reveal sequence: a Formula 1-themed launch interaction that performs a real device and SIM 5G compatibility check and resolves to a clear, accurate eligibility status.
Metrics
Videos
Learnings
A sponsorship asset earns more value when it’s built into the actual interaction than when it’s applied as a visual skin on top of an unrelated flow.
Reflection
This feature is a clear example of finding the one unavoidable, otherwise-forgettable screen in a flow and asking whether its underlying structure, a wait, then a result, can be reframed as the feature’s actual hook. The compatibility check didn’t need to be hidden or rushed past, it needed a metaphor that made the wait worth having.
The compatibility check didn’t need to be hidden or rushed past, it needed a metaphor that made the wait worth having.