Back

Back

Investment SaaS

Project mission

Project mission

Project mission

Redesign the "Investment Funds Overview" area of the broadcast+ software, aiming to update the look and user experience of the product to increase the conversion rate.

Redesign the "Investment Funds View" area of the broadcast+ software, aiming to update the visual style and user experience of the product to increase the conversion rate.

Redesign the "Investment Funds View" area of the broadcast+ software, with the aim of updating the visual aspects and user experience of the product to increase the conversion rate.

Business requirements

Business requirements

Business requirements

Align the visual with the style guide already implemented in other projects for the same product and validate each deliverable with the client's UX team.

Align the initiatives and ideas of the project with all internal areas of the company, facilitating a more organized roadmap, following market trends, and aligning with the interests of the company.

Align the visual with the style guide already implemented in other projects for the same product and validate each deliverable with the client's UX area.

Tools

Tools

Tools

  • Miro

  • Figma

Time

Time

Time

  • 1 UX/UI Designer

  • 1 Developer

  • 1 Product Owner

My papers

My papers

My papers

  • Product Designer

  • UX Researcher

  • UX/UI Designer

  • UX Researcher

Schedule

Schedule

Schedule

8 weeks:

  • Research and analysis: 1

  • Prototyping: 5

Planning and processes

The project went through 5 non-linear stages, so that the entire project reflected not only in a market-level experience but also in a competitive international product.

  • Research

  • Wireframing

  • Architecture validation

  • High-fidelity prototyping

  • Final validation

Research

I conducted a comprehensive analysis of the current product, aligning with the client on the features and information to keep or add, including chart and table widgets. Next, I performed a benchmarking of national and international platforms, highlighting strengths and weaknesses in product and usability, helping the product manager to better plan the product lifecycle and the phases of the project.

Immersion

to better understand the product and the market with the platform's product manager.

AS-IS Mapping

Mapping the journey and the main pains and needs.

Benchmarking

12 global references

3 national references

Wireframing as a technique for optimization and rapid validation

I followed a process of creating wireframes for each screen with the objective of quickly validating the structure of functionalities and content, greatly optimizing the progress of the project in the ideation and design phases.

High-fidelity prototyping

After each wireframing validation, I started building the screen, using the client's style guide as a basis, while also defining some important assets that we didn't have yet, such as font-style, color-style, and component standards. With each construction, I also validated with the development team to understand if there was technical feasibility for the proposed solutions.

PrimeNG

As a UI framework defined to facilitate front-end construction by developers

As a UI framework designed to facilitate front-end development by developers

As a UI framework designed to facilitate front-end development by developers.

Am-Charts

As a construction service for all the graphics, standardized visually by me.

Mas antes dos protótipos, permita-lhes mostrar,
como era antes…

Home page

Final validation

???

Conclusion

28 Screens produced

Generated considering all the scenarios and flows defined as MVP in the workshop.

Dark & Light mode

Feitos em papel e caneta para organizar as informações e funcionalidades de cada tela.

Reintroduction

This project was a stepping stone for the competitive reintroduction of the product into the market.

Back to top

Back to top