Introducing SharePay: The Social Payment Platform
SharePay is a peer-to-peer payment solution that enables seamless money transfers within social circles. It allows users to split transactions across multiple payment methods, including debit cards, credit cards, and gift cards. Our diverse team at the Product Association fellowship, which includes a project manager, marketing specialists, software engineers, and myself as the lead product designer, worked together to bring SharePay to life. Our goal was to present a fully realized product to industry experts, demonstrating its potential and functionality.
popular peer-to-peer payment app that allows users to send and receive money.
✦ Easy and intuitive process to send and request payments.
✦ Ability to add notes and emojis to payments.
a peer-to-peer payment app that allows users to send and receive money.
✦ Bank-to-bank transfers using email or phone number.
✦ End-to-end encryption and authentication measures.
What sets SharePay apart from its competitors is the fact that it offers a range of innovative features designed to enhance your payment experience. From flexible payment options to advanced security measures, we ensure seamless and secure transactions for all users.
✦ Split purchases across multiple payment options such as debit cards, credit cards, and gift cards.
✦ Create group "cards" to pool money for trips, events, or other occasions.
✦ Benefit from end-to-end encryption and authentication using Face ID, fingerprints, and passcodes.
I conducted five semi-scripted, in-depth interviews over Zoom to gain insights into user preferences and behaviors. These sessions focused on understanding how users manage their payments and what they value most in a financial app.
✦ Conducted five one-on-one interviews to gather user insights.
✦ Focused on user payment habits and preferences in financial apps.
✦ Synthesized findings into actionable features for SharePay.
Our users prioritize clear data representation, robust security, and seamless transaction processes. By addressing these needs, we aim to enhance the user experience and build trust in our platform.
✅ Positives
✦ Data visuals and summaries of payments.
✦ Trustworthy security measures.
✦ Easy payment flow and user-friendly interface.
🔨 To work on
✦ Lack of knowledge of financials.
✦ Lack of payment methods to enter
Mapping Out Basic User Flows
Before starting the design process, I mapped out general user flows to ensure that all necessary screens were included. This step helped me create a comprehensive and user-friendly interface without missing any crucial elements.
✦ Planned all basic user flows before designing.
✦ Identified all necessary screens for the app.
✦ Ensured a comprehensive and intuitive user experience.
I started the design process on my tablet, which allowed me to quickly ideate and explore various concepts. This approach made it easy to transfer designs into online tools like Figma for further development.
The design process began with wireframes and evolved into high-fidelity prototypes. This approach allowed for iterative improvements and a polished final product that meets user needs.
✦ Started with low-fidelity wireframes for initial structure.
✦ Iteratively refined designs based on feedback.
✦ Developed high-fidelity prototypes for final review.
Stats page showing finical information broken up into digestible charts and payment categories
Friend system allowing users to add friends to start shared cards with them. Add friends via code or QR code scan.
Wallet featuring the ability to add delete and manage the cards you created.
I created a style guide to ensure design consistency and cohesion, making it easier for the front-end developer and enhancing the user experience. This guide also streamlined the design process and ensured the UI met accessibility standards.
✦ Developed a style guide for design consistency.
✦ Facilitated collaboration with the front-end developer.
✦ Ensured UI adherence to accessibility standards.
To ensure the design met user needs, I conducted user testing and cognitive walkthroughs, identifying errors and pain points in basic user flows. Expert designers also reviewed the designs, providing feedback and spotting heuristic issues. Based on this input, several refinements were made.
✦ Changed the logo.
✦ Added more informational text for clarity.
✦ Spacing adjustments to improve usability.
We presented our work to an industry panel, receiving positive feedback and securing 2nd place in the fellowship. User satisfaction with the final product was high, and the experience provided valuable insights and growth.
✦ User Testing: Highlighted the critical role of user interviews in designing financial products. Recognized the value of early user feedback and wished for more time to conduct additional tests.
✦ Skill Development: Expanded skills by venturing outside my comfort zone, including iconography and motion design, enhancing both the final product and personal growth.
✦ Cross-Functional Collaboration: Benefited from diverse perspectives by working with software engineers, marketers, project managers, and designers, enriching the design process and improving outcomes.
Odyssey simplifies the travel experience and provides seamless accommodation options, ensuring that users can efficiently work and travel across the globe. Odyssey creates a user-friendly platform that integrates travel logistics with professional needs.
View Case Study