A platform where user can stream and enjoy unlimited Pakistani music content with or without data
Sarayga is a feature-packed mobile app which supports complete Pakistani music content and Live in-house FM radio content free of cost for the users. This app lets the user save all the music files to their phone so they can enjoy it in offline mode. Also users can create their playlists and share it with their social media friends. I led the mobile app design experience for the Pakistani audience and later for other international telecom operators including Asiacell, Korek and du.
- My Role
- High Fidelity Wireframes
- Design & Scope Document
- Visual Design
- Interaction Design
- Platforms
- Year
- 2016-2017
Problem
Ibex solutions had Pakistani music content license, in which their in-house radio channel was being aired already on the demand of their audience. Later on, the product design team came up with the idea of new app design, where they can serve all the Pakistani music content in the hands of their audience with offline support which would eventually be a viable product.
- Solution & Approach
- I designed the app's basic design and scope documents as required by the directors to pitch the idea of the app with my product development team. Before moving on to the app development, we had a structure of approval of any product. After the design and scope step, I created high fidelity wireframes in the form of basic ideas. I then moved to visual designs, which served as mockups and design guide for the developers, to use all the components and assets for their development environment (Android and iOS). The designing of the app process was itterative, since at many steps we needed to return to fix the flows and modify the features as required.
High fidelity wireframes with flows
Before pitching ideas and brainstorming session, I designed some basic high fidelity wireframes with flows for the basic app features which needed to be accepted for approval for go ahead.
Design and scope document
Ibex solutions had pakistani music content license in which they were already airing on their in-house radio channel on the requests of their audience but later on the product design team came up with the idea that if they can design a new app where they can serve all the Pakistani music content in the hand of their audience with offline support then it could be a viable product.
Competitive analysis on the basis of reviews
We wanted to design an app which should not bore our audience with non-required features so we researched on the existing apps for their reviews from the app stores and used them for our gap analysis
Assets for developers
I was also responsible to generate assets for the app development so for this process I used a slicing tool plugin (PNG Express) in Photoshop in which it easily extracted assets according to the Android and iOS design guides.
What does the mockup look like?
Upon gathering features layout and identifying required information, I designed mockups for actual product which were designed according to the Android and iOS design guide for assets extractions.
Final product!
Upon successful testings and itterations, we finally launched it on Play Store and iOS App Store for free. Moreover our final product was recognised and accepted by other international telecom operators and we also launched the app with their branding and marketing.
