COLAB31 - Mobile App

SavvyBe

Transforming how young adults master financial skills through a dynamic platform offering personalized education, gamified experiences, and a supportive community.

Background

SavvyBe is a financial education platform developed to address the pressing need for financial literacy among young adults aged 20-30. Recognizing the gap in financial knowledge and the impact of poor financial decisions on this demographic, SavvyBe was created to provide tailored guidance, interactive learning, and curated resources. The goal is to empower users to make informed financial decisions and achieve long-term financial stability.

Problem: Young adults frequently struggle with financial literacy, leading to poor decisions driven by factors such as impulse spending and procrastination. The overwhelming amount of unreliable financial information available online complicates their ability to discern credible advice. This, combined with the financial stress from economic instability and job insecurity, highlights the need for a reliable, user-friendly platform that provides practical financial education and support.

Research and Validation

To ensure SavvyBe effectively addresses user needs, extensive research and validation were conducted:

  • Interviews and Feedback Sessions: Tunwase, the product manager, conducted 12 in-depth interviews and feedback sessions.
  • Unmanned Usability Tests: Six usability tests were conducted to observe how users interacted with the platform.
  • Surveys: A survey was distributed to 41 respondents to gather insights into user needs and preferences​(Feedback).
  • Initial Interviews: Seven preliminary interviews were held, using design thinking exercises to explore potential solutions.

These activities helped validate the problem and refine the solution, ensuring that SavvyBe is aligned with the needs of its target audience.

User Pain Points

  • Financial Confusion: Users often feel overwhelmed by the abundance of financial information online, much of which is unreliable.
  • Impulse Spending: Psychological factors like stress and emotional spending lead to poor financial decisions.
  • Procrastination in Saving: Many users struggle with prioritizing long-term financial goals over immediate gratification.
  • Financial Stress: Economic uncertainty and job insecurity exacerbate users' financial anxiety, making it difficult to focus on long-term planning.

Feedback

Feedback from interviews, usability tests, and surveys revealed that users value personalized financial guidance and reliable, curated information. However, they expressed concerns about the complexity of existing financial tools and the overwhelming nature of financial planning. This feedback guided the development of SavvyBe, ensuring it was user-friendly and tailored to their specific needs.

Execution

SavvyBe's development process involved a significant pivot:

  • Technology Pivot: The decision to use React Native for building a mobile app was made to ensure cross-platform compatibility and a seamless user experience.
  • Web Presence: A landing webpage was created to allow users to sign up for a waiting list and subscribe to a newsletter for updates on product development.

These strategic decisions were crucial in positioning SavvyBe as a user-centric and accessible platform.

Landing on a Solution

Through the research and validation process, the team identified the need for a comprehensive, yet accessible financial education platform. SavvyBe was designed to offer interactive learning experiences, personalized guidance, and curated resources, addressing the core pain points identified during user research.

The Solution

SavvyBe is a mobile-first platform that provides young adults with the tools they need to achieve financial literacy and stability.

Key features include:
  • Personalized Financial Guidance: Tailored advice based on user goals and financial situations.
  • Interactive Learning Modules: Educational content covering budgeting, saving, investing, and more.
  • Curated Financial Resources: A selection of reputable and trustworthy references to guide users.
  • Gamified Learning Experiences: Quizzes, challenges, and rewards to make financial education engaging.
  • Stress Reduction Tools: Emotional support and practical solutions for managing financial stress.
Learnings:
  • User-Centric Design: The importance of feedback-driven development was reinforced, ensuring that the platform remains aligned with user needs.
  • Collaboration: The value of teamwork in refining the product and pivoting effectively when needed.
  • Behavioral Finance Integration: Understanding user behavior was key to designing features that address psychological barriers to financial literacy.
Launch Strategy:
  • MVP Release: Launch the mobile app with core features, focusing on user acquisition and feedback collection.
  • Community Building: Use the landing page and newsletter to build anticipation and a community around SavvyBe.
  • Partnerships: Explore partnerships with financial influencers and educators to expand reach.
Achievements:
  • Successful pivot to React Native for a mobile-first approach.
  • Creation of a functional landing page with a growing waiting list and newsletter subscribers.
  • Positive feedback from usability tests and surveys, validating the platform's direction.
What’s Next?
  • Feature Expansion: Integrate additional financial tools and resources based on user feedback.
  • User Growth: Focus on expanding the user base through targeted marketing and partnerships.
  • Continuous Improvement: Iterate on the platform based on ongoing user feedback and data analysis to enhance the user experience.

SavvyBe is poised to make a significant impact in the financial lives of young adults, helping them navigate the complexities of personal finance with confidence and clarity.

Learnings

Product Manager Learnings:

Omotunwase Osinaike

The most important lesson for me has been understanding what creates cohesion in the team and that sense of mutuality towards an end goal. Working with a designer as excellent as Mary Fowler and engineers as driven and talented as Da’Von Manuel and Christopher Nicki has made the process of building #Savvybe a truly invigorating process. To have achieved the design & engineering requirements for a mobile app as well as a web page to actively collect feedback, speak to more users and tell the story of our product is more than I could have asked for.

Designer Learnings:

Mary Fowler

I learned the importance of adapting design goals to project constraints while embracing iterative processes for continuous improvement. Understanding and aligning with the team’s diverse communication styles also proved essential for effective collaboration. Finally, I discovered that while PMs focus on strategy, Developers on technical feasibility, and Designers on user experience, we all follow the same north star of honoring user needs.

Designer Learnings:

Jo Sturdivant

  1. Adapting to an Established Team: Joining the team in week 6 of 8 was challenging, as I had to quickly adapt to existing workflows, dynamics, and goals. This mirrors real-world situations where you often integrate into teams mid-project, and flexibility is essential.
  2. Work-Blocking for Efficiency: With only two weeks to complete the project, I learned the importance of a structured work-blocking system. This approach allowed me to manage my time effectively and meet deadlines under pressure.
  3. Making Data-Driven Design Decisions: Unlike my past projects, I had to rely on research conducted by others. This was a valuable experience in using pre-existing data to guide design decisions, helping me focus on the core insights without starting from scratch.

Developer Learnings:

Da'Von Manuel

As a junior front-end developer on a new project, I've gained valuable experience in translating design mockups into responsive and accessible user interfaces. Without senior developers to guide me, I’ve had to rely heavily on self-directed learning, deepening my understanding of modern web technologies like HTML5, CSS3, and JavaScript, and exploring frameworks like React independently. I’ve learned the importance of clean, modular code through trial and error and have become proficient in using version control systems like Git. Additionally, I’ve sharpened my problem-solving skills by debugging issues across different browsers and devices, and have navigated Agile methodologies, ensuring that I still contribute effectively to the team's goals and deadlines.

Developer Learnings:

Vanady Beard

&

As the back-end developer, I learned how important it is to create efficient and reliable systems that support the entire application. This experience also taught me the importance of optimising the database and ensuring the backend is scalable and easy to maintain.

Developer Learnings:

Stephen Asiedu

&

As a back-end developer, I've come to understand the importance of being familiar with various database systems and modules. This knowledge enables me to build diverse applications and maintain versatility in my work. I've also learned that the responsibility for making the right choices rests on my shoulders, guided by my best judgement.

Developer Learnings:

Christopher Nicki

&

Over the past 7 weeks I have learned and grown a lot. This experience has taught me how to better communicate with a team, keeping it honest open and transparent. Da’Von and I pushed each other to learn new tech languages to adapt to the needs of the project. I taught myself Django while building out the Back End Databases. The overall process of the program gave me great insight to what it will be like to work on a live project, and work with a designer and product manager. I look forward to taking everything I have learned from this while continuing to learn and grow as a developer. 

Developer Learnings:

Maurquise Williams

&

  1. Process of Creating an MVP: Developing a Minimum Viable Product (MVP) taught me how to focus on delivering core functionalities balancing between essential features and avoiding scope creep.
  2. Collaboration in a Real-World Tech Setting: This experience taught me how to collaborate efficiently in a fast-paced tech environment, keeping the team aligned and productive, even while working remotely across time zones.
  3. Sharpening Critical Thinking and Problem-Solving Skills: This experience honed my ability to think critically and solve problems efficiently. By tackling challenges and finding quick solutions, I sharpened my decision-making and troubleshooting skills in a dynamic, real-world setting.

Developer Learnings:

Jeremiah Williams

&

All in all this experience was very awesome I learned that in coding with others being transparent is key

Developers Learnings:

Justin Farley

&

I learned how important communication is when working with a team. Communication provides understanding, advice, ideas, and much more. While working with the product team, I’ve found that communication keeps everything flowing smoothly. Working with a team also showed me that every member brings something different to the table and we all have to work together in order to align and meet our end goal.

Full Team Learning

Over the past several weeks, our team has collectively grown and adapted in remarkable ways. We’ve learned the critical importance of open and honest communication, ensuring cohesion and a shared vision as we worked toward our goals. The Backend developer expanded their skill set by mastering Django to build robust databases, while the Frontend developer independently deepened their knowledge of HTML5, CSS3, JavaScript, and React to deliver responsive user interfaces. Our Designer embraced the iterative process, balancing user experience with technical feasibility. The Product Manager found that understanding what fosters team cohesion was key to driving the project forward. Together, we’ve gained invaluable real-world experience, honing our abilities to navigate challenges, collaborate across disciplines, and remain focused on meeting user needs.