Etisalat is one of the two major telecommunications service provider companies in the UAE. It offers many phone plans and SIM card types. My role was to review, assess and redesign/improve their website’s UX for prepaid users.

My Approach & Process

I usually follow the Double Diamond design thinking approach for most of my work:
Discover > Define > Design/Develop > Deliver
Below are samples from each step of my process, which followed the above approach.

1. Review & Assessment

I started out by reviewing and assessing Etisalat’s current website.

Current Homepage

• Website isn’t practical. It’s complicated with irrelevant distractions, so it takes users time and several clicks to find what they need.
• Website’s copywriting isn’t optimized, and is somewhat confusing, misleading or ambiguous.
• Users are bombarded with random offers, ads, and deals instead of clear shortcuts that take them to the sections they’re looking for.
• There is no clear hierarchy and focus.
• Branding is weak compared to competitors.
• Website loads very slow.
• Website is quite frustrating.

Current Prepaid Plans Page

• You can navigate to this page by accessing Mobile > Prepaid from the main menu. Users expect to be able to recharge their prepaid plan from here but it turns out that this page only sells new prepaid plans.
• The layout of the plans isn’t practical because users have to scroll to compare them all.
• There seems to be no option to change plans anywhere on the site.
• Website and its offerings are frustrating.
• It’s confusing to figure out how Etisalat’s prepaid plans work, especially if you’re used to a different system or mobile provider.

2. Research & Benchmarking

I researched, analyzed and tested the following similar/competitor websites in order to compare them with Etisalat’s website:
• Du (UAE)
• Zain (KSA)
• Vodafone (Qatar)
• Vodafone (UK)
• MTC Touch (Lebanon)
• Alfa (Lebanon)

3. Conclusion

The Challenge: How can the website be improved so that prepaid users can quickly, easily, and smoothly recharge their plans, compare plans, change their plans, or buy new plans?

4. User Personas

As a sample user persona, I chose Jane, a foreigner who recently moved to Dubai for work. She belongs to the low income target audience segment.

5. User Journey Map

Ideal journey map for a user interested in buying or changing a prepaid mobile plan.

6. User Empathy Map

6. Task Flow Map

6. Full User Flow Map

7. Prototyping/Wireframing


Prepaid Plans Page

8. User Testing

I tested these wireframes on a group of potential users and got good feedback on them. Luckily no adjustments were needed, so I developed the UI based on them.

9. UI Design


Prepaid Plans Page



The new proposed redesign received a lot of positive feedback, and users agreed that the website was now way more intuitive, and the user journey and experience was now much better. It was now very practical and easy for them to compare and buy prepaid plans through the website.