Web app | 2020

Confidential Case Study

Summary

This platform operates in multiple countries, managing consumption data. I focused on renewing it to enhance agility, flexibility, and simplicity, ensuring security for users.
The company values good user flow, given the wide range of functions for managing consumption. However, it's vital to maintain the familiar essence, as customers have relied on it for years. My research process involved gathering information from past years to assess client needs and platform operations.

The company currently values the ability for users to navigate smoothly, given the many functions available for managing consumption.
However, it’s crucial to preserve the core features that customers have been familiar with for years, as the list of options for data processing is extensive.
I conducted a research process to gather information from past years as well as current data to understand the client’s needs and how the platform operates.

Problem definition

To enhance satisfaction and build trust, I recommended:
  • A long menu requiring scrolling.
  • Inconsistent breadcrumbs and menu structure.
  • Users needing guidance due to platform complexity.
  • Visual clutter.
  • No customer satisfaction surveys.
  • The interface feels insecure.
  • Outdated design.

What can be improved?

To enhance user satisfaction and build trust, it was recommended that the following improvements be considered, as they would help the company convey the reliability users need through platform enhancements:
  • Improve layout distribution for better organization.
  • Use a more user-friendly interface for a large menu.
  • Standardize navigation paths.
  • Enhance the information architecture.
  • Address client concerns effectively.
  • Refresh the color palette for a modern look.

How can it be achieved?

By implementing a modern, well-organized, and dynamic design, the platform can achieve the following goals:
  • Enhance client comfort.
  • Ensure consistency across pages.
  • Improve navigation.
  • Provide clearer guidance.
  • Minimize user errors.
  • Offer easy access to documentation.
  • Create a more user-friendly flow.

Why is it necessary?

The success of a platform depends on positive ratings and popularity, especially as users become more demanding in their search for functional services. A platform that streamlines processes is highly desirable. Therefore, providing an excellent user experience will ensure the platform's longevity, which is the company's ultimate goal.

Archetypes

Clarissa

Accountant

Clarissa is a young woman with several years of experience in her profession. She is highly committed to her work, communicative, and a great negotiator. Her determined personality enables her to effectively execute her tasks.

As her responsibilities increase, she needs tools to manage and track any contracted services. While she tries to use various tools, it frustrates her not being able to save time.

Paul

Operations Manager

Enjoys being the head of the team. He is responsible for receiving, communicating, and disseminating information from senior management. He works in the warehouse area, where being demanding and determined is crucial due to his role overseeing the inventory.

Having a tool that allows him to easily manage income, expenses, and generate reports quickly would be the most efficient way to handle his responsibilities.

John

IT Leader

John is bold, empathetic, and analytical. He leads a team that collaborates with other departments and is in charge of data control and technology management within the company. The team works remotely.

Is concerned about not having a platform to manage the status, capacity, and consumption of company-issued equipment. A tool that helps him manage these aspects will provide better control in his area.

MVP

  • Update the design.
  • Revamp the login page.
  • Implement a general report dashboard.
  • Standardize sections for result pages.
  • Use modals for better interaction.
  • Incorporate alerts for key notifications.
  • Add a page load indicator for a smoother user experience.

USERFLOW

SKETCHING

The process evolves gradually, with each page designed in a standard or personalized manner. By gathering input from team members and customers, high-definition proposals are generated, ensuring a collaborative and effective design.

WIREFRAMES

After establishing the appropriate flow, the design undergoes further changes based on functional conclusions, continuing to evolve. The interface is refined to improve navigation for users, reducing the need to rely on online help, although support will always be available when needed.

PROTOTYPE

Taking into account the aforementioned parameters to generate the userflow and the MVP points, I was able to make a simple, direct and usable interface proposal for what it implies to inform in detail what the client wants to see and that at the same time the company feels satisfied with what it wants to sell with the image of its new platform.
Dashboard - Before
Dashboard - After
Page result - Before
Page result - After
Pop up Detail - Before
Pop up Detail - After

UI Kit

Here is a short kit used in the UI process:
  • Icons
  • Input boxes
  • Text Style
  • Buttons
  • Cards

¡Thanks for watching!