CubiVue is a ‘Software as a Service’ (SaaS) solution, designed to improve business processes in many industries. This cloud based setup can be used in just couple of hours. The solution is designed to ensure higher and optimized efficiency in order handling, reducing logistic errors, and can expand the performance efficiency. I led the mobile app design system across all the industries and optimized the exisitng user experience of the app.

  • MY ROLE
  • Screen Flows
  • Wireframing
  • Visual Design
  • Interaction Design
  • PLATFORMS
  • Mobile App(Android & iOS)
    • YEAR
    • 2019-2020

    Problem

    The intial app was serving for a single warehouse industry but later on we expanded support for major industries as well which required us to create a unified design system for the app which was called as CubiVue App. It will support all the basic required features by major industries. Originally, there was no generalized app for the future industries, where our UX resources could map new industries on the exisiting platform to create wireframes and mockups for the customers.

    • Solution
    • I built a simplified design system for the mobile application to be used by UX resources for their customers and for the app developers who may utilize this unified design components and features for the base app. The end product helps digitize the processes of understanding and creating a standard for the app which are easily demostratable for the user and for the developers to create base app.
    • Approach
    • I worked in a team with a fellow designer and a product manager to design the end-to-end UI/UX for the Android and iOS application. It was used for designing the base app and mapping future industries to serve optmized experience for their specified processess. I worked closely with my team to gather design requirements, feedback, conduct user testing on wireframes, functional prototypes and visual designs, both for Android and iOS. I also worked with a team of developers to ensure delivery of the final product.

    Who is this for?

    User Research was critical to this project since we were designing for diverse type of industries which were unknown to us. One of the first things we did was, to draft a basic information architecture to understand the common key values. We identified various common variables which we can serve to our clients in the base app. We gathered information from different industries where we were already serving our customers e.g. Cleaning industry etc.

    Findings

    We identified the common variables we required for the base CubiVue app. By researching and consulting with the stakeholders, we streamlined our basic features which we will give in our base app.

    What does the mockup look like?

    Upon gathering features layout and identifying required information, I carefully designed the mockups for the base CubiVue app. This design system will help future resources to map new industries and also it will give technical design guide for the developers so they can all collaborate effeciently.

    Telling a story with data

    One of the biggest challenge for designing this platform was, to map all the required information which will help UX resources to use it to present it in a meaningful format for the upcoming industries. I wanted the UI and flows to achieve the following objectives:

    Test Drive

    You can get the glimpse of this product from official link below

    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.