For our startup in the initial stage, the main objective of this project is to create an interaction design for a frontend web and mobile app UI/UX that embodies a seamless, user-friendly experience for managing contributions. The app aims to facilitate trust-based group savings, secure payments, and trackable contributions, ultimately supporting financial empowerment.

Tasks may include:

Research & Ideation:

• Analyze our app's purpose, target audience, and goals to ensure alignment with the UI/UX design.
• Conduct user journey mapping to understand user flow and key touchpoints.
• Compile and present initial design ideas, personas, and mood boards.

Wireframing and Information Architecture

• Develop low-fidelity wireframes for all core screens (registration, group creation, payment tracking, escrow, and notifications).
• Define a clear information hierarchy that highlights intuitive navigation for the main features.
• Learning and using various software design tools. We strongly recommend students learn how to use Figma as this is the latest and greatest tool currently available.

High-Fidelity UI Design

• Design high-fidelity mockups for web and mobile, focusing on accessibility, clean layout, and brand colors.
• Ensure that key actions (group creation, payment scheduling, payout tracking) are visually prominent.

Prototype Development

• Build a clickable prototype that allows for interaction testing (e.g., onboarding, joining a group, viewing contribution status).
• Ensure the prototype includes animations or transitions for an engaging, responsive user experience.
• Creation of a screen by screen UX / UI prototype of a native mobile application which can be used on both iOS and Android

User Flow and Interaction Testing

• Conduct usability testing sessions with potential users to gather feedback on the prototype.
• Refine designs based on feedback, focusing on improving flow, accessibility, and ease of navigation.

By the end of the project, students should complete the following list of activities:

• Familiarize themselves with our service
• Familiarize themselves with a design tool of their choosing and understand how it work. We strongly recommend Figma.
• Research Documentation: User personas, journey maps, and mood boards.
• Wireframes: Low-fidelity wireframes outlining user flow for key screens.
• UI Designs: High-fidelity screen designs for web and mobile interfaces.
• Interactive Prototype: Clickable prototype for demonstrating core interactions.
• Design System: Basic design guidelines, including color schemes, typography, and interaction standards.
• Present the final design screens to us with the context of all their choices they made, problems they encountered, and next steps they recommend.

Nice to have:

• Backend integration - Prototype with the back end to integrated with the website
• Conducting any sort of user testing on the prototypes to ensure ease of use and to collect user feedback, insights, and suggested design refinements.

Final deliverables should include

• The design screens and all assets in a shareable format
• A presentation as stated above of the final designs