{"id":24654,"date":"2021-08-17T09:06:18","date_gmt":"2021-08-17T09:06:18","guid":{"rendered":"https:\/\/codeandpepper.com\/?post_type=case_study&p=24654"},"modified":"2024-11-21T20:41:23","modified_gmt":"2024-11-21T20:41:23","slug":"united4","status":"publish","type":"case_study","link":"https:\/\/codeandpepper.com\/case-studies\/united4\/","title":{"rendered":"United4"},"content":{"rendered":"\n
\"United4<\/figure><\/div>\n\n\n\n
\n
FinTech Development<\/div>\n
AWS<\/div>\n
Node.js<\/div>\n
React.js<\/div>\n
TypeScript<\/div>\n <\/div>\n<\/section>\n\n\n\n

Investing in property doesn\u2019t have to be a complicated maze of legal activities and incomprehensible processes. United4<\/strong> is a crowdfunding platform for real estate investments<\/strong>, aimed at both individual and corporate investors. While the platform was still in its pre-development stages, Code & Pepper was tasked with creating specifications<\/strong> as well as UX<\/a>\/UI design<\/a><\/strong> for the platform. After all, you can\u2019t successfully break down complex financial processes without a deep dive into the user experience.<\/p>\n\n\n\n

About United4<\/h2>\n\n\n\n

With United4, even beginner investors can easily find flexible and convenient investment opportunities<\/strong> without the need for exhaustive industry knowledge. The real estate crowdfunding platform will offer various types of affordable and secure property investments to both individual and corporate users. The idea behind United4 was to make real estate investing simple and accessible to investors with different levels of experience and financial capacity. When it was time to turn the idea into a product, United 4 chose Code & Pepper to prepare specifications and create a UX design with the perfect feel<\/strong> for their platform.<\/p>\n\n\n\n

Challenges<\/h3>\n\n\n\n

During the first workshops with United4 it became clear that the product is going to be quite complex. In the planned, final version of the solution it was dedicated to two very different markets and various types of target users that would require different functionalities. However, the client\u2019s top priority was to prepare the platform for development<\/strong> as quickly as possible. That meant that the Code & Pepper team needed to carefully select the most value-added aspects to work on at the design and specification phase.<\/p>\n\n\n\n

Because starting the development fast was so important, it was key to prioritise the right functionalities <\/strong>from the sea of interesting ideas. The team also had to take into account the services offered by United4 might be a novelty for the target audience and the users might need to be educated about property crowdfunding first.<\/p>\n\n\n\n

From the design point of view, Code & Pepper had to make sure that the presentation of the platform\u2019s offering would be easy to understand. The platform should also showcase the available properties in a way that would promptly draw the users\u2019 attention<\/strong>. Finally, as expected in FinTech, the collected data had to be shown in a digestible and transparent manner. It should also allow for running various analytics, depending on the user\u2019s needs.<\/p>\n\n\n\n

With all that in mind, we gathered our experts to provide United4 with an elegant, intuitive design and solid specifications<\/strong> that would kickstart the next phase of the project.<\/p>\n\n\n\n

\"United4<\/figure>\n\n\n\n

Solutions for United4<\/h2>\n\n\n\n

The team in charge of design and specification consisted of a project manager, product owner, UX\/UI designer, and software architect. We worked closely with United4 in a series of workshops to get a better understanding of their business goals<\/strong> and product vision. We also regularly sent the United4 team completed elements for review and approval. Their swift responses and feedback gave the project an extra boost and allowed for smooth communication. <\/p>\n\n\n\n

The final outcomes of our work for United4 served as a clear direction for further development of the app. We never lose from our sight what matters most for our clients \u2014 time-to-market. At the end of this stage United4 received not only designs but also a detailed product backlog<\/strong>. With the outcomes of the design and specification phase, the anticipated development stage could promptly begin\u2026 led again by Code & Pepper.<\/p>\n\n\n\n

Time-to-market mindset to keep priorities straight<\/h3>\n\n\n\n

To get the first development sprints started as soon as possible, at various stages of design our team would identify features necessary to implement in the MVP<\/strong>. At the same time, we would flag functionalities that needed to be included in the post-MVP iterations of the app. This prioritisation was key to effective design and, later, development. <\/p>\n\n\n\n

As we worked on the design and workshopped with United4, the client also decided to focus the MVP around one user group \u2014 the individual investor. This decision impacted what we would include in such materials as the User Story Map and what tasks we prioritised for development.<\/p>\n\n\n\n

\"United4<\/figure><\/div>\n\n\n\n

Treating user expectations with utmost care<\/h3>\n\n\n\n

In most cases, it\u2019s not enough for a product to solve a particular pain point for the user. The app itself has to be intuitive and simple, especially when the service offered tackles complex issues. The straightforwardness of the product needs to be reflected in the interface and the way the user is supposed to interact with the app. Without understanding what the target user hopes to gain<\/strong> from the product and what actual problems they want to solve, even designs with the best ideas behind them can fall short of user expectations.<\/p>\n\n\n\n

Working on the United4 designs, we also kept in mind that our client\u2019s target market is likely to require some education. Real estate crowdfunding, while a solution that can appeal to many, hasn\u2019t yet reached everyone who might benefit from it. Before we could set out to plan any flows within the app, we dove deep into the needs and expectations of our client\u2019s target audience<\/strong>.<\/p>\n\n\n\n

These workshops and analysis resulted in user personas, a lean canvas, and value proposition<\/strong>.<\/p>\n\n\n\n

When creating the user personas, we examined both individual and corporate investors<\/strong>, learning what the app would offer in response to their needs, what might hinder them from using the app, and how we can address these doubts. We also determined what tasks the two user groups will typically perform within the app and what main features their anticipated behaviour should translate into.<\/p>\n\n\n\n

Within the value proposition we further broke down the users\u2019 desired actions, expected obstacles, and resulting app features<\/strong>. We also analysed what each user group wants to gain from the app and how we can make it happen through design.<\/p>\n\n\n\n

Next, we created a User Story Map<\/strong>. Here the anticipated user interactions with the product got connected with specific pages in the app. We mapped out what users might want to achieve in a given spot, such as the dashboard or the properties catalogue.<\/p>\n\n\n\n

Then we planned the user\u2019s journey<\/strong> throughout the app \u2014 from the moment they learn about United4 to managing their account and investments. The map also entailed specific actions the users could perform on a given page and what information they would see.<\/p>\n\n\n\n

\"United4<\/figure>\n\n\n\n

Clear UX design that highlights key information for the user<\/h3>\n\n\n\n

When it came to the actual look of the app, our team was again mindful of the fact that the average individual user might not be the most versed in real estate investing. These investors would want to learn more about potential properties and easily navigate the investing process<\/strong>. Additionally, the corporate user values easy access to analytics so they can track their ROI and KPIs.<\/p>\n\n\n\n

The design combines these real needs without overwhelming users with too much data. The dashboard<\/strong> presents the user with an overview of key information<\/strong> on the app:<\/p>\n\n\n\n