Jawwal My Account App (Hesabi)
Some of the views for Jawwal app.
Introduction - المقدمة
Jawwal is the first mobile network operator in Palestine. It was established in 1999, and is owned by Paltel. For this project, I was tasked to enhance the user experience of their selfcare mobile app (Hesabi).

شركة الاتصالات الخليوية الفلسطينية جوال هي أول مشغل للاتصالات اللاسلكية في فلسطين وتأسست في العام 1999. بهذا المشروع، كانت مهمتي هي تحسين تجربة الإستخدام لتطبيقهم المسمى جوال حسابي.
The Problem - المشكلة
The old app design was not user friendly and hard to use. It has a lot of UX problems that causes the subscribers to not achieving their goals when using the app.

التطبيق القديم كان صعب الاستخدام ويحتوي على مشاكل كثيرة في تجربة المستخدم، بحيث كانت تمنع أو تصعّب على المشترك القيام بمهامه بالشكل الصحيح.
The Design Process - عملية التصميم
UX Audit - فحص تجربة المستخدم
I used the app to achieve certain tasks, and while doing them, I noted all the UX issues in an excel sheet. As of that, my work will be based on a real issues and goals to achieve.
Sorry for blurring out the text since it is confidential.
User Stories - قصص المستخدمين
I needed to understand every single detail of the app, so I worked on a user stories sheet which contains all the details a subscriber can do. Once this is done, I can use it to track my work and see if the design I'm working on did achieve all the stories.
Jawwal user stories sheet.
That way, we will have a clear view to kick off working on the user flow, and start sketching some basic wireframes for the screens.

بهذه الطريقة، اصبح لدينا صورة اوضح لكي نبدأ بالعمل على تخطيط التطبيق كامل.
Initial Sketches - السكيتشات الاولية
I try to explore how some of the views will look in terms of structure and layout by taking in consideration that the order and placement of elements is not final. Once I feel OK on paper, I move to digital wireframing tools, in the next step.

حاولت استكشاف كيف ستظهر بعض الشاشات بالتطبيق من ناحية التقسيم والواجهة، مع الاخذ بعين الاعتبار ان توزيع العناصر ليس نهائي. عندما اشعر بأنني مرتاح على الورق وكل شيء كما اريد، انتقل للعمل على أدوات رقمية للتخطيط.
A photo of some previous and new sketches for the app. On the right, those are for new screens that will be published soon.
Wireframing - التخطيط
I used Adobe XD to work on the initial wireframes explorations for the app. I didn't work on all screens, I just explored different concepts and ideas, then I moved to the UI part.

قمت بإستخدام ادوبي اكس دي للعمل على التخطيطات الأولية للتطبيق. حيث لم أقم بالعمل على جميع الشاشات، لكن استكشفت ما يكفي من الافكار، بعد ذلك انتقلت إلى مرحلة التصميم.
UI Design - تصميم واجهة الاستخدام
As a UX designer, my job is to deliver the best possible experience. I did a review for some telecom companies in the middle east by exploring their mobile apps and how they designed them.
Once we finished the exploration step, I started working on different options for the home screen. In total, we worked on 8 options and the last one "08" is the approved one.

بعد ما انتهينا من مرحلة الاستكشاف، بدأت بالعمل على عدة خيارات للشاشة الرئيسية. في نهاية الأمر، وصل عددها إلى 8 وتم إختيار الأخير.
Sign in - تسجيل الدخول
A flow for how the subscriber can sign in. 

توضيح لكيفية تسجيل دخول المشترك إلى حسابه.
And here is a prototype for the animation of the walkthrough screens.
Services - الخدمات
There are a lot of services that the subscriber can pick from, we will explore some of them.

هناك العديد من الخدمات التي يستطيع المشترك أن يحصل عليها، سوف يتم عرض تصاميم البعض منها.
Chosen Numbers - الأرقام المختارة
With the chosen numbers service, a subscriber can add from 6-9 favorite numbers so he can call him/her at discounted rates.

مع خدمة الأرقام المختارة، يستطيع المشترك إضافة 6-9 أرقام بحيث يستطيع الاتصال بهم بأسعار مخفضة.
Balance History - اشرحلي رصيدي
With the balance history service, the subscriber can see a detailed view of how he/she spent the balance.

مع خدمة اشرحلي رصيدي، يستطيع المشترك أن يحصل على شرح مفصل لكيفية صرف الرصيد الخاص به.
My Invoices - فواتيري
For the post paid subscribers, they have the ability to see the last 6 invoices, in addition to see the detailed invoice.

لمشتركي الفاتورة، بإمكانهم مشاهدة آخر 6 فواتير، بالإضافة إلى الإطلاع على تفاصيل كل فاتورة على حدة.
Disconnect - الفصل المؤقت
In case of travel or losing the phone, a subscriber can disconnect his account.

بحال السفر أو تعرض الهاتف للضياع أو السرقة، يستطيع المشترك إيقاف رقمه بشكل مؤقت.
Promotional Video
You can watch the below video that was done by Scribble Studio.

يمكنك مشاهدة الفيديو أدناه والذي تم عمله بواسطة المبدعين في سكربل ستديو.
App Download
App Store: https://goo.gl/3i8R5o 
Google Play: https://goo.gl/jEz9s2
The End
Thanks a lot for reaching here.

If you need help in your next UX/UI design project, I'll be happy to hear from you on:
contact[at]ishadeed[dot].com. 
Jawwal My Account App (Hesabi)
131
2284
12
Published:

Jawwal My Account App (Hesabi)

A UX/UI redesign to Jawwal my account app
131
2284
12
Published:

Tools

Adobe XD

Creative Fields

Copyright Info

Attribution, Non-commercial, No Derivatives

Read More