satellite illustration

PlutoPay

This was one of my earlier studies. The goal was to design a digital transaction app incorporating insight gathered from user research and usability testing. I learned how to conduct different methods of research and the importance of iterative design.

Illustration of the login screen to PlutoPay
Background illustration of Mars-like landscape.
Project Background:

Explains background, solution, timeline: December 2020 - June 2021, platform: mobile (native app), Role: UX designer and UX researcher

User Research

I identified what capabilities would create an appeal for PlutoPay and gain understanding about the current market. I decided the best way to find these answers was by conducting a competitive analysis.
Competitive analysis between cash app and venmo. Also includes a SWOT analysis and tells you takeaways of the analysis.

Personas

Once I determined which features I was going to create, I decided it would be beneficial to put some faces to the ideal users of PlutoPay. I created the two personas below based off of user interviews.
Personas based on user-demographics.

Low Fidelity Wireframes

I began putting together some low fidelity wireframes. Using pen and paper, I sketched some of the main screens.
initial pen and paper low fidelity sketches of PlutoPay

Mood Board

Utilizing a mood board helped me choose the overall aesthetic of the app. The name PlutoPay was already provided so I embraced the space theme. This led me to choosing a darker color palette and making the default UI be in dark mode.
Mood board to establish the aesthetic for PlutoPay. Includes dark blues and purples with images of other mobile app screens and illustrations

Usability Testing

I continued to flush out some of the user flows and then began usability testing. Below are some of the insights collected from five individuals during the sessions.
Four mid-fidelity screens of PlutoPay and feedback from each screen.

Design Fidelity

As I gained insight from users and research, the design continued to evolve from low-fidelity through final prototype. The progression throughout the project shows the benefits of utilizing the iterative design process.
low-fidelity to high fidelity screens of PlutoPay

Design System

PlutoPay design system, organized in a bento box grid. Includes colors, typography, iconography and components

Final Mockups

Final mockups of PlutoPay. These screens are the finished product.
Last Project
Last Project