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
  • Mobile App(Android & iOS)
    • 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.

    COMPETETIVE 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.

    SOME of my OTHER mvp work...

    SpeekIO Marketing Website

    End-to-end UI/UX design with markup writing for Embrace-IT Denmark.

    InLogic School Management System Integrated with Microsoft Teams

    Complete UI/UX design with markup writing for Inlogic Denmark. Client shared his pin-pointed pain points they were experiencing with the current limited system so I started it directly in markup by using Bootstrap because scope and requirements were clear and straight-forward.

    InLogic School Management System Redesigned Portal

    Complete UI/UX with markup designed for Inlogic Denmark. Client wanted to upgrade their exisiting portal to new framework and wanted to integrate new components so I designed it using Bootstrap.

    EasyBrand Marketing Website

    Complete UI/UX with markup designed for EasyBrand (Optimentor) Denmark

    EasyBrand Admin Portal

    Complete UI/UX with markup designed for EasyBrand (Optimentor) Denmark. Client's requirement and scope was clear and well-defined so I wrote its markup using Bootstrap framework.

    EasyBrand Client Portal

    Complete UI/UX with markup designed for EasyBrand (Optimentor) Denmark. Client's requirement and scope was clear and defined so I wrote its markup using Bootstrap framework.

    Gyldendal Free Order Module

    Complete UI/UX design with markup for Gyldendal - Book publisher of Denmark. Client required to add some features in their exisiting portal so I wrote it's markup to support required features.

    Gyldendal Order Management Module

    UI/UX of order steps and tweaks with markup designed for Gyldendal - Book publisher of Denmark. Client wanted to implement order steps process in their portal so they can show information of the product for their clients. I wrote its markup for the required feature.

    Optimentor Marketing Website

    Complete UI/UX design with markup for Optimentor Denmark. Client wanted a fresh design of their marketing website so I wrote its markup by using Bootstrap framework.

    Knot Game Project (Android & iOS)

    I entirely designed all the assets by using Photoshop for the game components. Client wanted a new and fresh look of the game.

    Umall App (Android) for Ufone - 2015

    UI/UX app design for Ufone Pakistan. Client wanted a simple shopping app for their customers so I designed it by using Photoshop because exporting assets for app were required as well.

    Data Anonymyzer

    Data anonymyzer app which anonymyze exisitng data according to GDPR policy. I was responsible for UI/UX design at Synergy-IT.