Old Design
To identify competition in the market we conduct a competitive analysis by putting the data together which help us to better understand our competitors.
Jawwy TV App Re-Design
iOS, Android, Smart TV and Web App
Jawwy is an industry leading content provider platform in the MENA region
My Role
I led the iOS platform.
Build manage and lead the design process
Design system lead, crafted a design language to enforce consistency across all platforms. Used Atomic Design principle.
Did assist rest of the design team and help them reimagined several Jawwy Tv projects.
Help dev’s smoothly implement the designs.
User research
Prototyping
UI design
Jan 2017 – Jan 2021
Competitive Analysis
Tools i’ve used
Figma
Figjam
Adobe creative suite
Date
Jan 2017 – Jan 2021
Problem Statement
Design of the app was quite outdated & the challenge was there is quite a competition in the market, what can team do to revamp the Jawwy existing Mobile experience for users so it should be more engaging, immersive with the best UX Practices and to make it up to date as per market standards!
Design Process
Problem Definition
Gather Requirements
Research
Prototypes and wireframe
Design
Stakeholder inputs
Design System
Implementing Design
Getting Feedback
Iterate
Problem
Whether it’s about teaming up for something awesome or just to share a friendly hello, don’t hesitate to get in touch. I’m here and looking forward to connecting with you!
App Redesign Challenge
The content strategy was the first major UX hurdle since we needed to fully map out the digital experience in order to determine what content would need to be shot by the film crew and brought to life by our in-house motion team. After identifying which parks would be featured, we were tasked with creating interactive experiences that highlighted each park’s unique story and the range of diversity of America’s geography.
The second major UX challenge was ensuring a simple and usable experience on every screen, while also allowing for multiple layers of content and navigation. Striking this balance required multiple rounds of prototyping and revisions. We needed to come up with a consistent way to organize all the content accompanying each park, as the site used a combination of different mediums. To ensure a consistent experience for all users, every piece of content needed to be fully accessible on desktop and mobile.
Prioritizing Flows
Based on the data we prioritize most used Part of the App in order to engage more users during the revamped process.
Live TV Home screen Settings Tv Guides Downloads Other options.
Mixpanel Data based on the top used Menu in the App
App Redesign Challenge
More than 70% of our audiences having Arabic as their first language so we used Arabic first approach during the design process.
Competitive Analysis Report
To identify competition in the market we conduct a competitive analysis by putting the data together which help us to better understand our competitors.
Revised Wireframes
To save time and effort we visualize and restructure the wireframes clearly to clarify the features of the interface and to push usability to the forefront.
New Design
To identify competition in the market we conduct a competitive analysis by putting the data together which help us to better understand our competitors.
Splash Onboarding Screen - English Version
Splash Onboarding Screen - Arabic Version
Home Screen Design Variations
Download Screens
Add Profile
Profile Screens
Login Screens
Auto Play for Rewind
Live TV
Shimmer Loader for the Content
Prototype and Test
To validate the design we create a lot of prototype of different flows and test it on stakeholders to assess the viability of the design during the process.
I created Hi-fi Prototype in order to get a significant sense of how the end-user is gonna interact, perceive and acknowledge to our final product. Login Flow User Landed on Home Page
Conduct A/B Testing
A/B testing conducted between different design of the app to validate certain concepts and to determine which one performs better to make the final choice.
Version 1
Version 2
Project Outcome
We received 88% more Positive feedback after the released of the revamped application.
