Weni Home
Product Case
Product case for Weni company. I needed to redesign and add value to it by conducting analyses and working with the design system provided by them.
What is Weni?
Weni is an Artificial Intelligence company focused on communication. It exists to unlock human potential and enable organizations worldwide to scale their public engagement. They have already impacted millions of people with projects in various Brazilian states and over 40 countries.
The challange
1. Add value and improve user experience with the project's initial screen.
2. Analysis of the current situation and proposal for high-fidelity improvements utilizing the inputs from Unnnic, their design system.
3. Presentation containing the analysis report and prototype of the proposal.
My process 📝
Although it was a challenge more focused on prototyping, I had to understand a bit more about the product's functionality and the main purpose of the initial screen. With minimal product knowledge, I conducted a heuristic analysis to identify pain points and improvement opportunities within the current experience.
In the definition phase, I analyzed the pain points and prioritized them based on their severity to focus on and resolve a specific problem.
With the problem at hand, I explored solutions and hunted for UI references, always aiming to maintain consistency with the existing design system.
Now with the proposed solution resolved, I proceeded to prototyping, starting from low-fidelity and gradually moving towards a high-fidelity proposal.
The Kick-off: Weni plataform heuristic analysis
By using heuristic analysis on Dash Weni, I was able to quickly identify the main areas for improvement in user experience and propose effective solutions to optimize it.
🤔
But what were the identified problems?
1. Large amount of information and interaction on the first page
Users may not be able to define what is most relevant on the page and onboarding components may end up falling into disuse.
Disobeyed heuristics
Criticality
2. Onboarding container has no clear purpose
It is not possible to identify whether these are mandatory steps for the user to start using or whether they are just tips on what they should do. The process does not make it clear whether there is a beginning, middle and end.
Disobeyed heuristics
Criticality
3. Fixed onboarding components
After the user configures the necessary items, the page becomes obsolete.
Disobeyed heuristics
Criticality
4.Links to documentation with low relevance
The CTA for documentation is the last link in the text, without highlighting and in a carousel that keeps scrolling automatically.
Disobeyed heuristics
Criticality
Solution proposal
Having visibility of the problems, I was able to focus on developing a solution proposal that added value to the product.
The home page should be an initial guide for the person using the product weni. This way, she would easily find the necessary steps to make the best use of the product.
For the solution to work well, I needed to focus on the following points:
With all the improvement points defined, I arrived at my first proposal.
What has changed?
1. Page navigation
The change in structure ends up affecting page navigation, as a result, the user would start using the vertical scroll to view the other sections. This way we gain more scalability and can add more resources while respecting the information architecture.
2. Configure your chatbot
The container that was previously gamified has become an integration progress bar, where the user will be able to know the next steps in configuring the product and finalize the integration of your chatbot successfully.
3. New in the area
The card has had its contrast reduced, this way we reduce the cognitive load and ensure that the first users focus on the integration process.
4. Onboarding carousel
The onboarding carousel has been transformed into fixed cards. In them we would show the main configuration steps that the user needs to carry out. Each CTA could take the user to documentation content or to the configuration page itself.
5. Configure your chatbot
The quick access section would feature a tool for continuous use and two customizable slots, where the user would be able to personalize their quick access area with the tools that are most useful in their day-to-day life. day.