UX Redesign of App for Personal Data Investment Platform
Enhance and reorganize the user experience of the Datavest app and create MVP for beta tester launch.
Conduct a UX audit to understand the issues of the current app. Identified key features and flows that were not aligned with the main user goals, and create a better user experience.
Created a new on-boarding process, updated the data connection, investment, and wallet designs. I used existing UI but simplified the graphics for a cleaner design allowing for easy product expansion. These changes enabled the team to launch the MVP for beta testers.
UX Audit and Update Plan
The CEO knew he needed to update the onboarding process and had some UX issue. I reviewed the app and realized that the app’s core functions were not aligned with the core goals of the product and company. I developed a plan that would address these issues.
The goal of the product is for people to sell their data to companies and earn money in the form of dividends. The app needs users first to connect their data (facebook, location, Spotify, etc.) and then choose which companies they want to invest their data in. My redesign plan focused on enabling the user to easily take these actions.
Redesigning Onboarding and Data Connection Process
The original onboarding process used many screens to explain the product and then had the user sign up for the app. They were completely missing the opportunity for the user to start to connect their data and invest. I updated the onboarding process to encourage these two actions and make it very easy. I also updated the graphics for a more consistent visual aesthetic. View Onboarding prototype
Updating User Actions in the App
Once the user had signed into the app, it was not clear what they were supposed to do. I updated each of these features and user flows to direct the user to take action that was in line with the goals of the app.
The wallet screen is where the user will gain the most information and excitement because it is where they view their investments growing. It was essential to keep the total investment design but add additional info about each investment. The original design was very focused on the companies but not their performance. Also, the square-card design took up a lot of space. We updated the design to be more data-focused for the user as well as enabling the user to learn more about their investments quickly. If the user had NOT yet invested in any company, there was a simple launch point from this screen. View Wallet Interaction Prototype
The invest interaction is critical for the success of the app. I wanted to reorganize the design, so it was easy and fast for the user to invest quickly and that the design was consistent. In the original design, the invest button was a different color for each investment company. I also organized the investments based on what the user was able to invest in right away (ie, no data connection needed). View Invest Interaction Prototype
Data Connect Feature
The data connection feature is one of the key actions for the user. It is vital that the user feels confident in connecting their data with the app. Initially, the only way to connect more data sources was in settings which hard and felt hidden. I made Data Connection a feature that made it easy to find and view. It also enabled more explanation text, a clear view of which data sources were connected, and a simple way for users to disconnect from a data source. We also added more information on which investments were using each data source. As the product grows and content changes, Datavest can always use this space to give more information to users. View Data Connection Interaction Prototype
In the original app, each data source had a color and icon. As Datavest grows, it would have to add another color per data source which could get aesthetically very busy. I simplified the design to use one shade of green for all the icons. The updated settings screen condenses the information for the user to easily digest.
The Navbar is a reflection of all the UX design changes that I made. I also wanted to change the labels to be more action-oriented, so the user feels encouraged to take action. These changes simplified the app, which is crucial because we want to keep the user focused on only a few activities.
Visual Design Updates
The original visual design of the app was pretty good, and I used most of the UI, which saved a lot of work for myself and the developer. I wanted the design to feel clean and simple so that the user could focus on the info and feel like the app was being transparent and helpful. I reduced the color palette, photo graphics, and updated the design system. I also created a style guide and design system document for the engineer to use in the future. The app's design now looks organized and clean, which projects that the company is established and trustworthy.
I helped the team get to finish line and develop an MVP for the beta testing launch. Testing is still being conducted and will be launching on the app store soon. Please visit datavest.org to learn more about the app and product.
CEO: Rob Stone
UX Designer: Courtney Beyer
App Engineer: Justin Rohweller