Mobile Application Case study

Wallet Optimizer

Consultation

A complimentary consultation is the first step in our mobile app development approach. Below you'll find the results of our conversation with Wallet Optimizer.

Project On Device(s)
Company Name: Wallet Optimizer
Location: Pittsburgh, PA
Industry: Money Management
Development Type: Mobile App
Scope: Design and Full Stack Development

User Stories

After the consultation we ran a story creation workshop with Wallet Optimizer. Below you'll find the results of the workshop and how the stories were prioritized.

Must Have

Index Card Background
A simple walkthrough to explain what the app does before signup
Index Card Background
A signup screen with name, email and password
Index Card Background
Login screen that is presented every time the user opens the app
Index Card Background
Forget password screen
Index Card Background
Dashboard screen displaying account balance, latest transactions and basic statistics
Index Card Background
Calendar screen to show transactions on a daily basis
Index Card Background
Spending screen to show money spent vs. budget as well as link to the budgets
Index Card Background
Budgets screen to set up new budgets
Index Card Background
Expenses screen to see all expenses based on search criteria and allows to sort expenses into budgets
Index Card Background
Profile screen which links to account details, adding banks, and showing notifications
Index Card Background
Account details edit screen
Index Card Background
Add bank account screen
Index Card Background
Notifications screen to show any budget alerts
Index Card Background
About Wallet Optimizer screen to provide company details and help

Nice to Have

Index Card Background
Refer a friend link
Index Card Background
Joint account feature for spouses
Index Card Background
Biometric login
Index Card Background
Financial advisor recommendation when income and expenses don't balance
Index Card Background
Budget recommendations to start a user in their journey
Index Card Background
Suspicious activity detection
Index Card Background
Bill tracking for unusual activity on bills
Index Card Background
Financial planning questionnaire to help set goals

Maybe Later

Index Card Background
Video tutorial how to get the most out of the app
Index Card Background
Investment integration
Index Card Background
Net worth tracking integration
Index Card Background
Credit monitoring service integration
Index Card Background
Loan tracking integration
Index Card Background
Mortgage tracking integration
Index Card Background
Mortgage and loan refinance recommendations
Index Card Background
Add an AI bot to help users with frequently asked questions

Wireframes

Wallet Optimizer required both design and development services so our design team created wireframes to show how the user stories will be integrated into the final product.

Iterations

After sizing up the stories for Wallet Optimizer, we grouped them into iterations that can can be developed and tested in a 1-2 week time frame.

Iteration 1

Week 1
  • check
    Design and development environment setup
  • check
    Database selection and setup
  • check
    Asset collection and review
  • check
    Wireframe review

Iteration 2

Week 2-3
  • check
    Database configuration for user login
  • check
    Account creation screen design & development
  • check
    Login Screen design & development
  • check
    Forget password screen design and development
  • check
    Splash screen design and development
  • check
    My Information screen design and development

Iteration 3

Week 4-5
  • check
    Bank Account connection screen design and development
  • check
    Additional bank account search screen design and development
  • check
    Database configuration for bank accounts and transactions
  • check
    Plaid API integration with backend and initial transaction pull

Iteration 4

Week 6-7
  • check
    Calendar screen design and development
  • check
    API configuration to pull latest transactions

Iteration 5

Week 8-9
  • check
    Design and develop Budgets screen
  • check
    Database and API development for budgets with link to transaction categories
  • check
    Add budget popover for adding budgets
  • check
    Spent vs. total budget display block

Iteration 6

Week 10-11
  • check
    Expenses screen design and development
  • check
    Transaction search filter design and backend API development
  • check
    Transaction detailed view design and development
  • check
    API configuration to pull transaction details
  • check
    Manually re-assign expense to budget

Iteration 7

Week 12-13
  • check
    Spending screen design and development
  • check
    Show spent vs. total budget from budget screen
  • check
    API development for daily spending
  • check
    Implement charting library to display daily spending pulled from API
  • check
    Display top 3 budgets and link to budgets screen

Iteration 8

Week 14-15
  • check
    Design and develop Dashboard screen
  • check
    API development to provide overall bank balance
  • check
    Reuse spending evolution from the Spending screen
  • check
    Add latest transactions with a day filter and use expenses API for day filter
  • check
    API development for bank balance history
  • check
    Implement charting library to display bank balance evolution

Iteration 9

Week 16-17
  • check
    Messaging centre design & development
  • check
    Database development for messaging and Socket.io integration
  • check
    Online user display

Iteration 10

Week 18-19
  • check
    Notifications screen design and development
  • check
    Anomaly algorithm development
  • check
    API endpoint development to trigger calculations and analyze data for ATM fees and inconsistent bills as well as add indicator for notification update

Iteration 11

Week 20-21
  • check
    Design and develop profile screen
  • check
    Design and develop About Wallet Optimizer screen
  • check
    Link to My Information, My Accounts, and My Notifications
  • check
    Sign out link and API development
  • check
    Pull notification update and add red dot to notification icon if there are updates

Iteration 12

Week 22-23
  • check
    Walkthrough screens design and development
  • check
    Connect all iteration links together

Iteration 13

Week 24
  • check
    Release
  • check
    Emergency support standby as website is tested with live traffic

Technologies used

Once we had the iterations laid out, we were able to choose the most fitting technologies to build Wallet Optimizer a modern, secure, and scalable mobile app. Here is a list of the technologies we used:

Client Side:
html5 HTML5
css3 CSS3
sass Sass
javascript JavaScript
react React Native
redux Redux
Jest
Server Side:
javascript JavaScript
Jest
node-js Node
mongodb Mongodb
Tools:
git Git

Challenges & Wins

As with most projects, Wallet Optimizer had some unique requirements that required creative solutions. Below you'll see how we approached these challenges.

Case study challenges
Wallet Optimizer had a large pre-existing and detailed roadmap of features to implement.
plus

Having a large set of features requests isn't a bad thing but it can often be the death of project due to a startup's limited resources. The Tactic Apps team advised Wallet Optimizer to start small, receive customer feedback and pivot accordingly.

Working with the Wallet Optimizer team, we carefully selected the user stories for their first release that provided the essence of their vision.

Through an Agile approach we iterated through their user stories by relatively sizing them up so we could provide an initial timeline for their first release. This allowed Wallet Optimizer to limit their budget for the initial release and launch sooner than expected.

Wallet Optimizer required complex mathematical formulas to generate valuable notifications to their users.
plus

Even though coding may seem like a deeply mathematical skill set, it rarely involves complex math. Wallet Optimizer had some proprietary ideas on how to detect bank account anomalies and we had limited time to implement these formulas.

Without in house expertise on either side, the Tactic Apps team worked with Wallet Optimizer to find an excellent freelancer who created all the formulas required and kept the project on track.

The initial bank connection API used changed their billing structure and was no longer viable for Wallet Optimizer.
plus

This issue had the potential to derail the entire project. Without a way for customers to log into their bank accounts, the budgeting portion of the app would have to all be done manually by customers.

After 16+ hours of research, the Tactic Apps team found an API provider with a lower starting billing structure that had similar data output as the initial choice. With some development overtime, the project was able to stay on track.

The Wallet Optimizer team had been burned before by another development company and was hesitant to start the project with Tactic Apps
plus

Unfortunately, this is not an uncommon story. Development hurdles often creep up when building complex applications which in turn leads to overspent budgets and uncompleted projects.

The Tactic Apps team explained the Agile development framework and how iterations can be paid for individually. This allows Wallet Optimizer to cancel their contract at any point without having to spend their entire budget upfront. This is useful in case of financial trouble or if things aren't going to plan. Having this type of control put the Wallet Optimizer team at ease before and during the project.

The Wallet Optimizer team had serious security concerns due to the sensitive data contained with their application.
plus

Even though Tactic Apps has an intense focus on security throughout the development cycle, a 100% securely built application is nearly impossible. Security standards change constantly and new hacks or discovered by the hour.

After much discussion, the Tactic Apps team reviewed all the security measures taken during the development of the app but for long term support, a security specialist would need to be hired on the Wallet Optimizer staff. Unfortunately this is the nature of applications that deal with highly sensitive data and Wallet Optimizer decided to factor this cost into their next funding round.

Case study challenges

Project Results

With all iterations completed, we produced a mobile app{" "} that Wallet Optimizer can be proud of. Below you'll see the effort it took and the consequent results.

Team & Effort
users
2
Developers
credit
105
Hourly
calendar
5
Months

Let's build your Mobile App Together

Fill in the form below and tell us about your project. Feel free to attach your NDA or any supporting documentation. We’ll get back to you within 24 hours.

phone

+1 346-268-7886

Don't hesitate to contact us.

mail

info@tacticapps.com

Please complete the form or email us directly.

location-pin

Headquarter Location

Houston, TX
77433, USA

Tactic Apps Logo
Tactic Apps

We bring your vision to life by developing modern web and mobile applications focused on the end user experience.

© All rights reserved. 2022 TacticApps.com
Contact Us
phone

+1 346-268-7886

mail
location-pin

Houston, TX
USA

Contact Us
phone

+1 346-268-7886

mail
location-pin

Houston, TX
77433, USA

© All rights reserved. 2022 TacticApps.com