Selected Works
Tempus UI Library
PNC Virtual Card
Events University
Festival Apps
PaymentMate Portal
📐 UIUX
📈 Dashboard
🚧 Work in progress
A payments, reporting, and administration solution for small-medium-business users.
Product Designer
Tempus Technologies (PNC Bank)
2022–Present
Overview of the product
Many Tempus products contain numerous need-driven configurations that can be customized to any merchant's desire.  Even before my time, there has been a desire to offer a standardized SaaS solution that makes use of the different technologies in the diverse product suite. PaymentMate Portal exists as an administrative tool that interfaces with Tempus's PaymentMate POS experience.
Planning and Strategy
  • We started by comparing Tempus’s current solutions with the proposed minimally viable product requirements. This resulted in planning and research sessions with our developers and stakeholders to determine which solutions feasibly fit within the MVP requirements.
  • We also researched successful products and experiences in the the payments space today (Square, Stripe, Adyen) for competitive analysis.
  • We wrote personas, user stories, and started working on user journeys and low fidelity artifacts.
an image of early stage design artifacts. on the left, there are personas and user stories. on the right there is a user flow diagraman image of early stage design artifacts. on the left, there are personas and user stories. on the right there is a user flow diagraman image of early stage design artifacts. on the left, there are personas and user stories. on the right there is a user flow diagram
In Practice
  • Due to unique processes and an aggressive timeline, the designers were engaged in a consulting capacity while software architects defined the technical scope of the product.
  • We used our research and low fidelity artifacts to start incrementally producing screens for the product.
  • This product is still being designed and developed today.
image with more low fidelity artifacts of the PaymentMate Portal. The left image shows a very low fidelity mockup of the dashboard view. The right shows a medium fidelity screen of the transaction screen.image with more low fidelity artifacts of the PaymentMate Portal. The left image shows a very low fidelity mockup of the dashboard view. The right shows a medium fidelity screen of the transaction screen.image with more low fidelity artifacts of the PaymentMate Portal. The left image shows a very low fidelity mockup of the dashboard view. The right shows a medium fidelity screen of the transaction screen.
Retrospective
  • When solving problems for a target user, it is of the utmost importance to speak to that user to understand the problems from their perspective. I think this would have greatly improved the quality and precision of our designs.
  • Business requirements, user needs, and product goals should be harmonious. In absence of that, the balancing act is very challenging.
  • Analyzing competitors at a very granular level pulls back the curtain on how these other product teams were solving their own unique problems. Comparing our problems with theirs helps understand which decisions were made for similar reasons.
four screens showing different pages in the PaymentMate portal. The top left shows the initial login splash screen. The top right shows a transaction with all of the fields entered. The bottom left shows the user settings page. The bottom right shows the successful transaction screen.