Apxor
World's first no-code nudging platform for apps
Client
ApxorRole
UI/UX DesignerYear
2019 - 2022Platform
WebOverview
Revamp the entire product that is currently
given to clients, analyze the pain points, come up with the best
intuitive product that is ultimately a zero-touch product saving
time and money to the company and at the same time bringing in more business!
I was given the opportunity to team up with Uday Barla - UX Designer of Apxor
and handle and re-do this entire product which has complex problems, as we go
through the case study, I will define the problems and solutions step-by-step
making it easier to co-relate.
Approach
![](./assets/imgs/works/apxor/approach.png)
1. Research
To understand the existing complex product, I started with having regular meetings with the stakeholders, developers, CSM team and also the product customers. This was to understand the product, its challenges and requirements. Since this a huge and complex product, organizing all the notes in a digital platform like notion was essential and made the work much easier.
![](./assets/imgs/works/apxor/notion.png)
Goals of Research
1. Understanding the existing product
2. Who are our biggest competitors?
3. Gather all the business goals of the company
4. Identify who the users are for the product
5. What are the user goals?
6. Gather the pain points of users while creating campaigns, surveys and using the product
7. Understand the steps from design, publish to analysis of a campaign
Competitor Analysis
Since Apxor is the first company
to provide digital nudges on mobile applications, I started with conducting competitor
analysis on similar platforms that provide the creation and analysis of campaign created.
Most of the competitors analyzed are mainly providing web platform digital nudges. Although
OneSignal does provide mobile support, it is only limited to push notifications. Each competitor
has its own process of creating the surveys or nudges. One factor which was considered by Mixpanel
was to have a demo dashboard. It was intuitive and users would get instant glance what all
could be done using the product. The following table gives the high level glance of the
primary and secondary competitors for apxor.
![](./assets/imgs/works/apxor/comp.png)
User Interviews & Personas
Knowing about the product in users point of
view is an essential step to understand more about the product pros and cons. For this,
I team up with a UX designer, Uday Barla from Apxor to have calls with their clients such
as MyTeam11, Vedantu, CSM team and stakeholders. Most of their customers had common goal
and furstations in using the apxor product. Using all the interviews, I consolidated the
data and created user personas.
![](./assets/imgs/works/apxor/persona.png)
2. Define
From the initial research phase we understand that the main end-users for the product are product managers.
I decided to define the pain point or goals of users that will serve as a guide for the future development of the product and help in determining what problems need to be solved in order to achieve the users primary goal which is to have an intuitive and functional design.
The two product business goals were mainly to make a "zero-touch product" and "provide gratification to the end-users".
Identifying the user pain points
![](./assets/imgs/works/apxor/painpoints.png)
User Flow
In order to empathize with the product user, I created user flows to better understand his/her journey interacting with the product. Putting myself in the users shoes helped me in taking a step deeper into their thoughts and decision they would make while using the product to achieving their tasks. Since the product is very complex I had to create multiple userflows to understand each module. The below flow demonstrates a high level view of the product.
![](./assets/imgs/works/apxor/userflow.png)
3. Design & Iterations
Since the product itself is very vast, I started to work module wise. Based on the user flow and requirements, I began to draw quick hand-sketched concepts. I wanted to make sure that I included all the key findings and problem solutions that have come out of my research.
![](./assets/imgs/works/apxor/sketch.png)
After finalizing these ideas with the client, I began to work on the wireframes to give it a digital and high fidelity structure so that it becomes more clear to the stakeholders and client team.
![](./assets/imgs/works/apxor/wireframe.png)
Style Guide
I further analyzed the theming of the Apxor website and developed a visual style guide for the product. Using this as a guide, I applied the branding to UI elements and made sure the right elements were highlighted for grabbing user’s attention. Overall, I designed a product that is aesthetically pleasing and functional from its laid-back look and feel.
![](./assets/imgs/works/apxor/styleguide.png)
Final UI Designs
After making extensive changes based on the inputs from our stakeholders and developers, I started to converting all the finalizing ideas into UI by taking the style guide as a base. The following screens show the different stages and iterations of the product by comparing it with the present dashboard and how I have also given an explanation on how I overcame the user problems.
![](./assets/imgs/works/apxor/1.png)
![](./assets/imgs/works/apxor/2.png)
![](./assets/imgs/works/apxor/3.png)
![](./assets/imgs/works/apxor/4.png)
![](./assets/imgs/works/apxor/5.png)
![](./assets/imgs/works/apxor/6.png)
![](./assets/imgs/works/apxor/7.png)
![](./assets/imgs/works/apxor/8.png)
![](./assets/imgs/works/apxor/9.png)
![](./assets/imgs/works/apxor/10.png)
![](./assets/imgs/works/apxor/11.png)
More designs..
![](./assets/imgs/works/apxor/m1.png)
![](./assets/imgs/works/apxor/m2.png)
![](./assets/imgs/works/apxor/m3.png)
![](./assets/imgs/works/apxor/m4.png)