Background

Pasysquad (PS) is a fintech startup founded in New Zealand with a mission of redefining e-commerce experience through group payments. It is the 1st e-commerce merchant centric "multiplayer payments platform" which allows a group of people to buy a quality item or experience by splitting the cost.

Challenge

As more businesses integrate PS to their payment options, more owners are curious to see how this integration benefits their business.

Solution

To create a merchant- specific interface within the product. Merchants are needing to see how their products are interacted with PS.

Project details

Duration: 12 Weeks
Role: UX researcher, UI/UX designer
Tools: Figma, Figjam, Maze, Notion, Optimal Sort, Otter.ai, and pen/paper
Team: Me (50%), Product Designer (30%), and CEO (20%)

1. Discover

To kickstart this project, we conducted a general research to understand what it is, why it's necessary for business and how to design a more desirable experience.
  1. How could the dashboard be beneficial?
  2. Validate the need of having a dashboard
  3. Discover what metrics should be included

Survey

We interviewed few business owners and sent out surveys to achieve these goals. Ideally, we wanted to send out surveys to small business owners. To do so, we included screening question to make sure the survey participants were small business owners (view survey questions).

2. Define

After gathering the research, we synthesized the data into more digestible manner. We organized our research data to make an Empathy map. We thought this would be a great way for us as designers to empathize with users on more a personal level.

Empathy Map

Persona

As empathy map represents one person, to better represent the group of business owners, we created Ashely with the business owner's needs and pain points.

3. Design

After defining the users, I drew out two different sketches. First sketch has a collapsable side menu, so users can easily navigate different sections of the dashboard. However, the second sketch has tabs which also allows users to navigate different sections.

Wireframe

Before moving on to high fidelity, I created wireframe for both sketches as I wanted to present them in the stakeholder meeting in a digestible manner.
Wireframe of the dashboard

High Fidelity

During the stakeholder meeting, we decided to move forward with the second version of the wireframe as for now, there aren't many key metrics to measure, so we didn't need the collapsable side menu. For the high fidelity, I created an interactive graph so the users like Ashely can easily read the information she needs. By having the numbers change according to her cursor, she would be able to easily digest the information.

4. Test

For the testing part, we aren't able to test out this process just yet as the priority of the company has changed while I was doing my internship.

Reflection

This was the first project where I lead the process. Therefore, lacked in making decisions to move to the next process. If I had more time, I would like to spend more time on the research process, especially formulating survey questions. Currently the results that we received didn't necessarily answer the questions. Moreover, the other thing I learned during this internship was the difficulty of communicating. I realized everyone has a different communicating style and sometimes it meant, I didn't understand what was going on. Thus, I would have to double check my understanding with my colleague to confirm that everyone was on the same page.