The offering details page on the Yieldstreet platform is essential for investors but has faced usability challenges. Investors have reported difficulties in understanding and navigating the page, often only paying attention to key elements such as the metric boxes and hero banner. Additionally, the product marketing team, which manages the page, has expressed a need for more customization options to enhance the presentation of investments and make them more engaging for users.
New offering details page.
01
Previous investment offering details page.
02
The objective of this project was to redesign the offering details page to enhance legibility, usability, and accessibility for investors, while also providing greater customization and flexibility for the product marketing team.
Increase Legibility
Address difficulties reported by investors, especially first-timers and those dealing with abstract investments, to make the information easier to understand. According to our analytics, 24% of users who view the offering details page never reach the bottom of the page.
Improve Usability
Simplify the process for investors to locate and access the information they need on the page.
Enhance Accessibility
Enable investors to more easily find and focus on the most critical information. Out of the 20 investors we had interviewed, a total of 16 investors stated that the page was too long and felt overwhelmed.
Boost Customization and Flexibility for the Product Marketing Team
Allow the team to create and design pages tailored to different asset classes, improving overall presentation and functionality.
Fullstory heatmap analysis.
Investor feedback snapshots from user interviews.
Analysis of the number of investors who never reach the bottom of the page.
03
The design exploration process was iterative and included several crucial steps: conducting stakeholder workshops and creating both low-fidelity and high-fidelity wireframes to assess different redesign options.
Stakeholder workshop exercises.
Low-fidelity explorations.
High-fidelity explorations.
04
New offering details page.
Mobile web responsive view.
Applying the updates to the offering details page of the Yieldstreet mobile app.
Before and after: transforming long pages into digestible chunks of information presented in modules.
Small module examples.
Medium module examples.
Large module examples.
Building out the overview page with the different modules and module sizes.
Offering overview page mobile view.
05