Project 2

Problem Statement

The UX/UI design of the web app was facing critical challenges that hinder its ability to provide a seamless and user-centric experience. The absence of a well-defined user flow and design system has resulted in inconsistencies, confusion, and disorganization throughout the app.

Lack of a Clear User Flow: Users struggle to understand the app's structure and flow, leading to frustration and increased learning curves.
Inconsistent Interaction Patterns: Inconsistent design elements and interaction patterns create confusion and disrupt the user experience, impacting the app's usability.
Disjointed Visual Elements: The absence of a design system has resulted in disjointed visual elements and inconsistent branding across the app.
Inefficient Design and Development: The lack of standardized components and styles makes it challenging to maintain a coherent and polished look and feel.

What were our solutions?

Driving Transformation through Empowering Solutions

In our relentless pursuit of efficiency, we aim to simplify complex processes and eliminating bottlenecks, we empower organizations to operate more smoothly and achieve greater productivity.

Streamline workflows and processes

Automate repetitive tasks

Optimize resource allocation

Our real-time collaboration features empower users to collaborate effortlessly.

We believe that collaboration fuels innovation and drives growth. Through our empowering solutions, we facilitate seamless communication and information sharing among teams and departments.

Facilitate seamless communication and information sharing

Encourage cross-functional teamwork and knowledge exchange

Enable real-time collaboration between users and medical devices companies

We support organizations in their adherence to industry regulations and standards.

Our tools enable easy documentation and audit trails, ensuring that organizations stay compliant with the necessary requirements. We provide tracking and reporting capabilities, to maintain transparency, meet regulatory obligations, and mitigate risks effectively.

Support adherence to industry regulations and standards

Provide tools for easy documentation and audit trails

Enable efficient tracking and reporting of compliance activities

By placing the user at the center, we empower.

Through meticulous attention to usability and accessibility, we ensure that our solutions cater to diverse user needs. Personalization is key to our approach, as we strive to deliver tailored experiences that align with individual preferences and requirements.

Create an intuitive and user-friendly interface

Prioritize usability and accessibility

Personalize user experiences based on preferences and needs

Data is a powerful asset that holds valuable insights.

Our empowering solutions harness the potential of data by enabling effective collection, analysis, and visualization. We empower organizations to make informed decisions by providing meaningful insights derived from data.

Enable data collection, analysis, and visualization

Provide actionable insights to inform decision-making

Key performance indicators and metrics to track progress

User Portal

The User Portal serves as the web app's central hub, granting users access to crucial features and functions. It presents a user-friendly interface for effortless management of training, product information, feedback submission, and support requests.

We collaborated to enhance the user flow and information hierarchy, ensuring quicker access to the user's essential needs.

key priorities: Support follow-up, the introduction of new products and trainings, and the management of UDI information.

When we modify small screens or individual UI elements, we have the opportunity to optimize the user flow. A well-thought-out redesign can eliminate unnecessary or redundant steps, making it easier and more efficient for users to achieve their goals.

This is particularly crucial for tasks like login, where users expect a quick and hassle-free experience.

ROLE/TEAM

As a Junior UX/UI Designer, I actively contributed to every stage of the design process.

TOOLS

I utilized Figma, Adobe Creative Suite, ChatGPT, Azure, and Jira to support the design process efficiently.

DATE/DURATION

The project spanned approximately four months, during which I actively contributed to the design process.

User flow

Now, let's talk about the user flow.

When I started the project, one way of approaching it that has worked for me is to conduct my own usability testing.

What does that mean? I asked the team to explain solely the functionality of the app to me. This way, while testing it, I could identify steps that were difficult for me. We need to be aware that the app lacks a guided tutorial and a well-defined user flow map that would make it easier to simplify the general flow. This could potentially affect the success of tasks when new users are onboarding.

So, I've decided to propose that I work on implementing solutions to improve visualization and address any frictions that users may encounter. (Below you can find one of the flow to publish a training and linking it to a product.

Design system and rules

While the entire app had already been developed before I started working on the project, they hadn't had the opportunity to collaborate with a UX/UI Designer who could establish color rules, modal rules, and a design system. As a result, I decided to build these elements to ensure a cohesive and enhanced app appearance.

One of the goals of the app is to give the user (companies) the opportunity to define their own color theme. However, we need to be cautious about this customization, as users might unknowingly choose low contrast colors. This can negatively affect accessibility, lead to confusion between primary and secondary actions, and disrupt the overall user flow.

Therefore, we planned to implement checks and smart programming rules to prevent issues related to low contrast and ensure a user-friendly experience. (Rules examples below)

User and Admin Portal