Business Compass helps businesses identify automation opportunities and streamline workflows to improve efficiency.
Business Compass helps businesses identify automation opportunities and streamline workflows to improve efficiency.
Business Compass helps businesses identify automation opportunities and streamline workflows to improve efficiency.
Led the redesign of Business Compass, transforming a complex automation tool into an intuitive, user-friendly platform for business owners.
Led the redesign of Business Compass, transforming a complex automation tool into an intuitive, user-friendly platform for business owners.
Simplified navigation and feature discovery, making it easier for users to find and connect automation tools without confusion.
Simplified navigation and feature discovery, making it easier for users to find and connect automation tools without confusion.
Simplified navigation and feature discovery, making it easier for users to find and connect automation tools without confusion.
Developed a scalable design system, ensuring consistency across the platform while improving usability and workflow efficiency.
Developed a scalable design system, ensuring consistency across the platform while improving usability and workflow efficiency.
Improved onboarding and feature guidance to help users quickly understand automation capabilities, reducing drop-off rates and increasing engagement.
Improved onboarding and feature guidance to help users quickly understand automation capabilities, reducing drop-off rates and increasing engagement.
Simplified complex automation workflows, improving usability and allowing businesses to implement process automation more effectively.
Simplified complex automation workflows, improving usability and allowing businesses to implement process automation more effectively.
Product Designer
Product Designer
24 Months
24 Months
Apr, 2022 - Apr, 2024
June, 2023 - June, 2024
Understanding
Research
Ideation
UX Audit
Low Fidelity Wireframe
Key Features Design
Atomic Design System
Design Implementation
A/B Testing
Belmin Salkica
Valeria Romero Vargas
María Del Mar Sanín
Understanding
Research
Ideation
UX Audit
Low Fidelity Wireframe
Key Features Design
Atomic Design System
Design Implementation
A/B Testing
Belmin Salkica
Valeria Romero Vargas
María Del Mar Sanín
Understanding
Research
Ideation
UX Audit
Low Fidelity Wireframe
Key Features Design
Atomic Design System
Design Implementation
A/B Testing
Belmin Salkica
Valeria Romero Vargas
María Del Mar Sanín
Understanding
Research
Ideation
UX Audit
Low Fidelity Wireframe
Key Features Design
Atomic Design System
Design Implementation
A/B Testing
Belmin Salkica
Valeria Romero Vargas
María Del Mar Sanín
Valeria Romero Vargas
Valeria Romero Vargas
Senior Program Manager
Senior Program Manager
María Del Mar Sanín
María Del Mar Sanín
Business Process Analyst
Business Process Analyst
Eric Ducos
Chief Technology Officer
Chief Technology Officer
Belmin Salkica
Belmin Salkica
Product Designer
Product Designer
Zaza Gejadze
Developer
Developer
We simplified onboarding with a guided step-by-step flow, making account setup easier. Clear role selection and better progress indicators helped users quickly understand the platform and start using it effectively.
We simplified onboarding with a guided step-by-step flow, making account setup easier. Clear role selection and better progress indicators helped users quickly understand the platform and start using it effectively.
The Process Details view helps users define key process information like name, owner, KPIs, and category. It simplifies data input and organization with a clear, structured layout.
The Process Details view helps users define key process information like name, owner, KPIs, and category. It simplifies data input and organization with a clear, structured layout.
Automation Opportunities highlights processes for improvement or automation. We simplified the layout, making insights easier to scan and prioritize with clear categories and opportunity scores.
Automation Opportunities highlights processes for improvement or automation. We simplified the layout, making insights easier to scan and prioritize with clear categories and opportunity scores.
The New Idea Simulation allows users to test and compare automation scenarios, evaluating potential time and cost savings. We refined the layout to make insights clearer and decisions faster.
The New Idea Simulation allows users to test and compare automation scenarios, evaluating potential time and cost savings. We refined the layout to make insights clearer and decisions faster.
The Process Details view lets users define and manage workflows. It displays a process model, key details like work time and deadlines, and grouped attributes such as assets and risks. Users can edit models, add documentation, and track dependencies for better process management.
The Process Details view lets users define and manage workflows. It displays a process model, key details like work time and deadlines, and grouped attributes such as assets and risks. Users can edit models, add documentation, and track dependencies for better process management.
The Mode Selector streamlines navigation by grouping automation features into distinct modes. This approach keeps the interface organized while allowing for future feature expansion without overwhelming users.
The Mode Selector streamlines navigation by grouping automation features into distinct modes. This approach keeps the interface organized while allowing for future feature expansion without overwhelming users.
This window shows the ROI Analysis section, where users can calculate key financial metrics for an opportunity. It includes essential values like discount rate, payback period, ROI percentage, and net savings. The goal is to help businesses evaluate potential returns before committing to an automation project.
This window shows the ROI Analysis section, where users can calculate key financial metrics for an opportunity. It includes essential values like discount rate, payback period, ROI percentage, and net savings. The goal is to help businesses evaluate potential returns before committing to an automation project.
This Opportunity Scoring section helps prioritize projects by evaluating their strategic impact, feasibility, and benefits. Users can assess alignment with company goals, potential business impact, and long-term value to make informed decisions.
This Opportunity Scoring section helps prioritize projects by evaluating their strategic impact, feasibility, and benefits. Users can assess alignment with company goals, potential business impact, and long-term value to make informed decisions.
Understanding the app was the foundation of this project. Business Compass is a highly complex business automation tool, and before making any design changes, we needed to fully grasp how everything worked.
Understanding the app was the foundation of this project. Business Compass is a highly complex business automation tool, and before making any design changes, we needed to fully grasp how everything worked.
Understanding the app was the foundation of this project. Business Compass is a highly complex business automation tool, and before making any design changes, we needed to fully grasp how everything worked.
In the initial stages, we held multiple meetings to map out core features, user workflows, and dependencies. This deep dive helped us identify which functionalities were most critical for users and where they were struggling the most.
In the initial stages, we held multiple meetings to map out core features, user workflows, and dependencies. This deep dive helped us identify which functionalities were most critical for users and where they were struggling the most.
In the initial stages, we held multiple meetings to map out core features, user workflows, and dependencies. This deep dive helped us identify which functionalities were most critical for users and where they were struggling the most.
A full redesign would have been the ideal solution, but with limited budget and resources, we had to take a different approach. Instead of overhauling everything at once, we focused on small but impactful UX improvements that could immediately enhance usability.
A full redesign would have been the ideal solution, but with limited budget and resources, we had to take a different approach. Instead of overhauling everything at once, we focused on small but impactful UX improvements that could immediately enhance usability.
A full redesign would have been the ideal solution, but with limited budget and resources, we had to take a different approach. Instead of overhauling everything at once, we focused on small but impactful UX improvements that could immediately enhance usability.
Working closely with Valeria and Maria, we prioritized key areas where users struggled the most, ensuring that even minor changes would bring noticeable improvements.
Working closely with Valeria and Maria, we prioritized key areas where users struggled the most, ensuring that even minor changes would bring noticeable improvements.
Working closely with Valeria and Maria, we prioritized key areas where users struggled the most, ensuring that even minor changes would bring noticeable improvements.
By tackling usability pain points step by step, we laid the groundwork for a more intuitive experience without disrupting existing workflows. These early improvements not only helped users navigate the platform more easily but also provided valuable insights for future iterations, ensuring that every design decision was based on real user needs.
By tackling usability pain points step by step, we laid the groundwork for a more intuitive experience without disrupting existing workflows. These early improvements not only helped users navigate the platform more easily but also provided valuable insights for future iterations, ensuring that every design decision was based on real user needs.
By tackling usability pain points step by step, we laid the groundwork for a more intuitive experience without disrupting existing workflows. These early improvements not only helped users navigate the platform more easily but also provided valuable insights for future iterations, ensuring that every design decision was based on real user needs.
Before making any design changes, we conducted a thorough UX audit to understand why users struggled with the platform. The audit revealed several key pain points that made automation setup difficult, leading to frustration and low adoption rates.
Before making any design changes, we conducted a thorough UX audit to understand why users struggled with the platform. The audit revealed several key pain points that made automation setup difficult, leading to frustration and low adoption rates.
Before making any design changes, we conducted a thorough UX audit to understand why users struggled with the platform. The audit revealed several key pain points that made automation setup difficult, leading to frustration and low adoption rates.
Major UX Issues Identified
Unintuitive Navigation – Users had trouble finding essential features, making automation setup confusing.
Unintuitive Navigation – Users had trouble finding essential features, making automation setup confusing.
Unintuitive Navigation – Users had trouble finding essential features, making automation setup confusing.
Cluttered Interface – Too many elements on the screen overwhelmed users, reducing efficiency.
Cluttered Interface – Too many elements on the screen overwhelmed users, reducing efficiency.
Cluttered Interface – Too many elements on the screen overwhelmed users, reducing efficiency.
Inconsistent UI Patterns – Similar actions looked different across the platform, increasing the learning curve.
Inconsistent UI Patterns – Similar actions looked different across the platform, increasing the learning curve.
Inconsistent UI Patterns – Similar actions looked different across the platform, increasing the learning curve.
Complicated Workflows – Setting up automations required too many steps, discouraging users from completing tasks.
Complicated Workflows – Setting up automations required too many steps, discouraging users from completing tasks.
Complicated Workflows – Setting up automations required too many steps, discouraging users from completing tasks.
By mapping out user journeys, we identified roadblocks where users dropped off or struggled the most.
By mapping out user journeys, we identified roadblocks where users dropped off or struggled the most.
Users couldn’t locate key automation tools.
Setup processes had unnecessary steps, causing frustration.
Important data was buried under multiple layers, making it hard to access.
Users couldn’t locate key automation tools.
Setup processes had unnecessary steps, causing frustration.
Important data was buried under multiple layers, making it hard to access.
Since a full redesign wasn’t possible due to resource constraints, we prioritized small but impactful UX improvements. The goal was to reduce friction by fixing core usability issues before moving to a larger redesign.
Since a full redesign wasn’t possible due to resource constraints, we prioritized small but impactful UX improvements. The goal was to reduce friction by fixing core usability issues before moving to a larger redesign.
Next Steps: Focused on navigation simplification, onboarding improvements, and UI consistency to enhance usability without overhauling the entire system at once.
Next Steps: Focused on navigation simplification, onboarding improvements, and UI consistency to enhance usability without overhauling the entire system at once.
In the early stages of redesigning the onboarding flow, we focused on small but impactful improvements due to limited resources. The initial version introduced a personalized entry point, allowing users to select how they wanted to engage with the platform based on their specific needs. This approach immediately connected users to relevant features, making the tool feel more approachable and intuitive.
In the early stages of redesigning the onboarding flow, we focused on small but impactful improvements due to limited resources. The initial version introduced a personalized entry point, allowing users to select how they wanted to engage with the platform based on their specific needs. This approach immediately connected users to relevant features, making the tool feel more approachable and intuitive.
In the early stages of redesigning the onboarding flow, we focused on small but impactful improvements due to limited resources. The initial version introduced a personalized entry point, allowing users to select how they wanted to engage with the platform based on their specific needs. This approach immediately connected users to relevant features, making the tool feel more approachable and intuitive.
Before these updates, new users faced a steep learning curve, struggling to navigate the platform and discover key features. By simplifying the onboarding flow and providing clear role-based options, we helped users get started faster and reduced initial friction. While this was just a small step, it significantly improved accessibility and paved the way for more advanced onboarding enhancements in the future.
Before these updates, new users faced a steep learning curve, struggling to navigate the platform and discover key features. By simplifying the onboarding flow and providing clear role-based options, we helped users get started faster and reduced initial friction. While this was just a small step, it significantly improved accessibility and paved the way for more advanced onboarding enhancements in the future.
Before these updates, new users faced a steep learning curve, struggling to navigate the platform and discover key features. By simplifying the onboarding flow and providing clear role-based options, we helped users get started faster and reduced initial friction. While this was just a small step, it significantly improved accessibility and paved the way for more advanced onboarding enhancements in the future.
We redesigned the Opportunity Page by focusing on small but impactful UX improvements. Given the constraints on time and resources, a full UX overhaul wasn’t possible, so we prioritized key usability enhancements to make the page more functional and visually cleaner.
We redesigned the Opportunity Page by focusing on small but impactful UX improvements. Given the constraints on time and resources, a full UX overhaul wasn’t possible, so we prioritized key usability enhancements to make the page more functional and visually cleaner.
We redesigned the Opportunity Page by focusing on small but impactful UX improvements. Given the constraints on time and resources, a full UX overhaul wasn’t possible, so we prioritized key usability enhancements to make the page more functional and visually cleaner.
The previous version was cluttered, making it difficult for users to scan and interact with essential fields. We improved spacing, refined input fields, and introduced a more structured layout to enhance readability. Key actions like saving and rejecting opportunities were given clearer prominence, while navigation between different sections became smoother.
The previous version was cluttered, making it difficult for users to scan and interact with essential fields. We improved spacing, refined input fields, and introduced a more structured layout to enhance readability. Key actions like saving and rejecting opportunities were given clearer prominence, while navigation between different sections became smoother.
The previous version was cluttered, making it difficult for users to scan and interact with essential fields. We improved spacing, refined input fields, and introduced a more structured layout to enhance readability. Key actions like saving and rejecting opportunities were given clearer prominence, while navigation between different sections became smoother.
By making these small but thoughtful adjustments, we created a more user-friendly experience without requiring a full-scale redesign. The goal was to improve clarity and usability while maintaining familiarity for existing users.
By making these small but thoughtful adjustments, we created a more user-friendly experience without requiring a full-scale redesign. The goal was to improve clarity and usability while maintaining familiarity for existing users.
By making these small but thoughtful adjustments, we created a more user-friendly experience without requiring a full-scale redesign. The goal was to improve clarity and usability while maintaining familiarity for existing users.
The Opportunity Page is where users track, manage, and evaluate potential automation projects within the platform. It serves as a central hub for gathering key details, assessing feasibility, and monitoring progress through different stages.
The Opportunity Page is where users track, manage, and evaluate potential automation projects within the platform. It serves as a central hub for gathering key details, assessing feasibility, and monitoring progress through different stages.
For each feature, we explored multiple versions, wireframed different approaches, and tested variations to ensure we were addressing the most crucial parts of the app.
For each feature, we explored multiple versions, wireframed different approaches, and tested variations to ensure we were addressing the most crucial parts of the app.
For each feature, we explored multiple versions, wireframed different approaches, and tested variations to ensure we were addressing the most crucial parts of the app.
Through this process, we identified pain points, validated solutions, and made data-driven improvements. In the end, we focused on the most impactful changes—those that truly enhanced usability and streamlined workflows.
Through this process, we identified pain points, validated solutions, and made data-driven improvements. In the end, we focused on the most impactful changes—those that truly enhanced usability and streamlined workflows.
Through this process, we identified pain points, validated solutions, and made data-driven improvements. In the end, we focused on the most impactful changes—those that truly enhanced usability and streamlined workflows.
To ensure our design decisions were data-driven and truly improved the user experience, we used Smartlook to track user behavior. This tool allowed us to analyze how users interacted with the platform, where they encountered friction, and which features were most valuable to them.
To ensure our design decisions were data-driven and truly improved the user experience, we used Smartlook to track user behavior. This tool allowed us to analyze how users interacted with the platform, where they encountered friction, and which features were most valuable to them.
To ensure our design decisions were data-driven and truly improved the user experience, we used Smartlook to track user behavior. This tool allowed us to analyze how users interacted with the platform, where they encountered friction, and which features were most valuable to them.
By observing real user sessions, we could validate our assumptions and identify areas for improvement. After implementing new features, we closely monitored how specific user groups reacted, using insights from their interactions to refine the experience before rolling it out platform-wide. This iterative process helped us make informed decisions, ensuring that every change contributed to a more intuitive and efficient tool.
By observing real user sessions, we could validate our assumptions and identify areas for improvement. After implementing new features, we closely monitored how specific user groups reacted, using insights from their interactions to refine the experience before rolling it out platform-wide. This iterative process helped us make informed decisions, ensuring that every change contributed to a more intuitive and efficient tool.
By observing real user sessions, we could validate our assumptions and identify areas for improvement. After implementing new features, we closely monitored how specific user groups reacted, using insights from their interactions to refine the experience before rolling it out platform-wide. This iterative process helped us make informed decisions, ensuring that every change contributed to a more intuitive and efficient tool.
The Simulation Wizard was one of the most complex features in the platform. It had too many steps, scattered interactions, and lacked a clear structure, making it difficult for users to navigate and complete simulations efficiently. The process was overwhelming, requiring constant back-and-forth to set up scenarios properly.
The Simulation Wizard was one of the most complex features in the platform. It had too many steps, scattered interactions, and lacked a clear structure, making it difficult for users to navigate and complete simulations efficiently. The process was overwhelming, requiring constant back-and-forth to set up scenarios properly.
The Simulation Wizard was one of the most complex features in the platform. It had too many steps, scattered interactions, and lacked a clear structure, making it difficult for users to navigate and complete simulations efficiently. The process was overwhelming, requiring constant back-and-forth to set up scenarios properly.
The previous version was cluttered, making it difficult for users to scan and interact with essential fields. We improved spacing, refined input fields, and introduced a more structured layout to enhance readability. Key actions like saving and rejecting opportunities were given clearer prominence, while navigation between different sections became smoother.
The previous version was cluttered, making it difficult for users to scan and interact with essential fields. We improved spacing, refined input fields, and introduced a more structured layout to enhance readability. Key actions like saving and rejecting opportunities were given clearer prominence, while navigation between different sections became smoother.
The previous version was cluttered, making it difficult for users to scan and interact with essential fields. We improved spacing, refined input fields, and introduced a more structured layout to enhance readability. Key actions like saving and rejecting opportunities were given clearer prominence, while navigation between different sections became smoother.
This wasn’t just a UI update—it was a deep UX overhaul to make decision-making faster and the process more efficient. After multiple iterations, the Simulation Wizard became a structured, user-friendly tool that simplified a previously overwhelming experience.
This wasn’t just a UI update—it was a deep UX overhaul to make decision-making faster and the process more efficient. After multiple iterations, the Simulation Wizard became a structured, user-friendly tool that simplified a previously overwhelming experience.
This wasn’t just a UI update—it was a deep UX overhaul to make decision-making faster and the process more efficient. After multiple iterations, the Simulation Wizard became a structured, user-friendly tool that simplified a previously overwhelming experience.
In the initial version of the app, the top navigation was limiting. Users struggled to locate key features, and as the platform grew, the navigation became cluttered, making it harder to scale. Since this is a complex tool with multiple sections, it was essential to rethink the navigation structure to improve usability and ensure a smoother user experience.
In the initial version of the app, the top navigation was limiting. Users struggled to locate key features, and as the platform grew, the navigation became cluttered, making it harder to scale. Since this is a complex tool with multiple sections, it was essential to rethink the navigation structure to improve usability and ensure a smoother user experience.
In the initial version of the app, the top navigation was limiting. Users struggled to locate key features, and as the platform grew, the navigation became cluttered, making it harder to scale. Since this is a complex tool with multiple sections, it was essential to rethink the navigation structure to improve usability and ensure a smoother user experience.
Switching to a sidebar navigation provided a more structured and scalable solution. The biggest advantage is persistent visibility—users always have access to key sections without needing to open dropdowns or search through menus. This reduces cognitive load and allows for faster navigation, especially in a tool with multiple workflows and deep functionalities.
Switching to a sidebar navigation provided a more structured and scalable solution. The biggest advantage is persistent visibility—users always have access to key sections without needing to open dropdowns or search through menus. This reduces cognitive load and allows for faster navigation, especially in a tool with multiple workflows and deep functionalities.
Switching to a sidebar navigation provided a more structured and scalable solution. The biggest advantage is persistent visibility—users always have access to key sections without needing to open dropdowns or search through menus. This reduces cognitive load and allows for faster navigation, especially in a tool with multiple workflows and deep functionalities.
Additionally, the sidebar allows for future growth. Unlike top navigation, which becomes cluttered as new features are added, the sidebar provides enough space to introduce additional sections without disrupting the interface. This future-proof approach ensures that as new automation tools and functionalities are developed, they can be integrated smoothly while maintaining a clear and intuitive layout.
Additionally, the sidebar allows for future growth. Unlike top navigation, which becomes cluttered as new features are added, the sidebar provides enough space to introduce additional sections without disrupting the interface. This future-proof approach ensures that as new automation tools and functionalities are developed, they can be integrated smoothly while maintaining a clear and intuitive layout.
Additionally, the sidebar allows for future growth. Unlike top navigation, which becomes cluttered as new features are added, the sidebar provides enough space to introduce additional sections without disrupting the interface. This future-proof approach ensures that as new automation tools and functionalities are developed, they can be integrated smoothly while maintaining a clear and intuitive layout.
We improved the process modeling tool by refining its UI and enhancing the overall user experience. Initially, the interface lacked clarity, making it difficult for users to navigate and manage processes efficiently. With more time allocated to design, we introduced a cleaner layout, improved form fields, and a structured workflow that made it easier to input and review process details.
We improved the process modeling tool by refining its UI and enhancing the overall user experience. Initially, the interface lacked clarity, making it difficult for users to navigate and manage processes efficiently. With more time allocated to design, we introduced a cleaner layout, improved form fields, and a structured workflow that made it easier to input and review process details.
We improved the process modeling tool by refining its UI and enhancing the overall user experience. Initially, the interface lacked clarity, making it difficult for users to navigate and manage processes efficiently. With more time allocated to design, we introduced a cleaner layout, improved form fields, and a structured workflow that made it easier to input and review process details.
From a UX perspective, we focused on reducing cognitive load by simplifying information hierarchy, ensuring that users could quickly access key process details without unnecessary clutter.
From a UX perspective, we focused on reducing cognitive load by simplifying information hierarchy, ensuring that users could quickly access key process details without unnecessary clutter.
From a UX perspective, we focused on reducing cognitive load by simplifying information hierarchy, ensuring that users could quickly access key process details without unnecessary clutter.
The redesigned UI also incorporated clearer labels, better spacing, and a more intuitive organization of elements, significantly improving usability. By streamlining interactions and refining the visual presentation, we created a more user-friendly experience that allows users to document and analyze processes with ease.
The redesigned UI also incorporated clearer labels, better spacing, and a more intuitive organization of elements, significantly improving usability. By streamlining interactions and refining the visual presentation, we created a more user-friendly experience that allows users to document and analyze processes with ease.
The redesigned UI also incorporated clearer labels, better spacing, and a more intuitive organization of elements, significantly improving usability. By streamlining interactions and refining the visual presentation, we created a more user-friendly experience that allows users to document and analyze processes with ease.
Once we had the time and resources, we focused on building a strong design system to create a more cohesive and scalable product. Our goal was to ensure consistency across all components, making the app feel more intuitive and visually unified. We refined typography, colors, buttons, input fields, and tables, aligning them under a single design language.
Once we had the time and resources, we focused on building a strong design system to create a more cohesive and scalable product. Our goal was to ensure consistency across all components, making the app feel more intuitive and visually unified. We refined typography, colors, buttons, input fields, and tables, aligning them under a single design language.
Once we had the time and resources, we focused on building a strong design system to create a more cohesive and scalable product. Our goal was to ensure consistency across all components, making the app feel more intuitive and visually unified. We refined typography, colors, buttons, input fields, and tables, aligning them under a single design language.
This allowed us to streamline development, reduce inconsistencies, and improve the overall user experience. By implementing a structured design system, we ensured the app could grow without losing its visual and functional integrity.
This allowed us to streamline development, reduce inconsistencies, and improve the overall user experience. By implementing a structured design system, we ensured the app could grow without losing its visual and functional integrity.
This allowed us to streamline development, reduce inconsistencies, and improve the overall user experience. By implementing a structured design system, we ensured the app could grow without losing its visual and functional integrity.
We built the design system using the atomic design methodology, starting with the smallest components and gradually assembling them into larger structures. This approach allowed us to create a scalable and consistent system while maintaining flexibility for future growth.
We built the design system using the atomic design methodology, starting with the smallest components and gradually assembling them into larger structures. This approach allowed us to create a scalable and consistent system while maintaining flexibility for future growth.
We built the design system using the atomic design methodology, starting with the smallest components and gradually assembling them into larger structures. This approach allowed us to create a scalable and consistent system while maintaining flexibility for future growth.
At the foundation, we defined atoms—the smallest UI elements like buttons, input fields, and typography. From there, we combined them into molecules, such as form fields or navigation elements, ensuring that each component worked seamlessly within the system. These molecules were then grouped into organisms, like fully functional cards or tables, forming the building blocks of key pages.
At the foundation, we defined atoms—the smallest UI elements like buttons, input fields, and typography. From there, we combined them into molecules, such as form fields or navigation elements, ensuring that each component worked seamlessly within the system. These molecules were then grouped into organisms, like fully functional cards or tables, forming the building blocks of key pages.
At the foundation, we defined atoms—the smallest UI elements like buttons, input fields, and typography. From there, we combined them into molecules, such as form fields or navigation elements, ensuring that each component worked seamlessly within the system. These molecules were then grouped into organisms, like fully functional cards or tables, forming the building blocks of key pages.
By following this step-by-step approach, we ensured that every element aligned with the overall design language, making the app feel more intuitive and visually cohesive.
By following this step-by-step approach, we ensured that every element aligned with the overall design language, making the app feel more intuitive and visually cohesive.
By following this step-by-step approach, we ensured that every element aligned with the overall design language, making the app feel more intuitive and visually cohesive.
This structured process also improved efficiency, allowing for faster iterations and easier updates without breaking the system. Over time, the design system became a critical tool for maintaining consistency and enabling seamless collaboration between design and development teams.
This structured process also improved efficiency, allowing for faster iterations and easier updates without breaking the system. Over time, the design system became a critical tool for maintaining consistency and enabling seamless collaboration between design and development teams.
This structured process also improved efficiency, allowing for faster iterations and easier updates without breaking the system. Over time, the design system became a critical tool for maintaining consistency and enabling seamless collaboration between design and development teams.
Communication was the foundation of this project, and working with Valeria and Maria was essential to its success. From the start, they helped me understand the platform’s complexity, offering insights I wouldn’t have grasped alone. Their deep knowledge and guidance during our weekly meetings for nearly two years shaped many key design decisions.
Communication was the foundation of this project, and working with Valeria and Maria was essential to its success. From the start, they helped me understand the platform’s complexity, offering insights I wouldn’t have grasped alone. Their deep knowledge and guidance during our weekly meetings for nearly two years shaped many key design decisions.
Communication was the foundation of this project, and working with Valeria and Maria was essential to its success. From the start, they helped me understand the platform’s complexity, offering insights I wouldn’t have grasped alone. Their deep knowledge and guidance during our weekly meetings for nearly two years shaped many key design decisions.
Beyond understanding the system, they brought great problem-solving ideas. Whenever I faced a design challenge, their knowledge of workflows and constraints helped us create smarter, more efficient solutions. These brainstorming sessions blended UX and platform expertise, making the tool not just more intuitive but also more effective.
Beyond understanding the system, they brought great problem-solving ideas. Whenever I faced a design challenge, their knowledge of workflows and constraints helped us create smarter, more efficient solutions. These brainstorming sessions blended UX and platform expertise, making the tool not just more intuitive but also more effective.
Beyond understanding the system, they brought great problem-solving ideas. Whenever I faced a design challenge, their knowledge of workflows and constraints helped us create smarter, more efficient solutions. These brainstorming sessions blended UX and platform expertise, making the tool not just more intuitive but also more effective.
Without them, I couldn’t have made such a meaningful impact. This project proved how strong communication and collaboration turn design into something truly valuable for users.
Without them, I couldn’t have made such a meaningful impact. This project proved how strong communication and collaboration turn design into something truly valuable for users.
Without them, I couldn’t have made such a meaningful impact. This project proved how strong communication and collaboration turn design into something truly valuable for users.
After more than a year of remote collaboration, I had the chance to visit Salient Process in Medellín, Colombia, where Valeria and Maria are based. Working together in person for three months transformed our workflow—brainstorming became faster, problem-solving more efficient, and refining ideas seamless.
After more than a year of remote collaboration, I had the chance to visit Salient Process in Medellín, Colombia, where Valeria and Maria are based. Working together in person for three months transformed our workflow—brainstorming became faster, problem-solving more efficient, and refining ideas seamless.
After more than a year of remote collaboration, I had the chance to visit Salient Process in Medellín, Colombia, where Valeria and Maria are based. Working together in person for three months transformed our workflow—brainstorming became faster, problem-solving more efficient, and refining ideas seamless.
Salient Process office in Medellin
Salient Process office in Medellin
Salient Process office in Medellin
Salient Process office in Medellin
Beyond work, the experience strengthened our collaboration, making it even more rewarding. Seeing their approach firsthand reinforced just how crucial teamwork and communication were to the project’s success. Moving from virtual calls to the same office was a surreal yet invaluable experience.
Beyond work, the experience strengthened our collaboration, making it even more rewarding. Seeing their approach firsthand reinforced just how crucial teamwork and communication were to the project’s success. Moving from virtual calls to the same office was a surreal yet invaluable experience.
Beyond work, the experience strengthened our collaboration, making it even more rewarding. Seeing their approach firsthand reinforced just how crucial teamwork and communication were to the project’s success. Moving from virtual calls to the same office was a surreal yet invaluable experience.
Team meeting in Medellin : 2023
Team meeting in Medellin : 2023
Team meeting in Medellin: 2023
Team meeting in Medellin : 2023
While our access to full performance data was limited, and we couldn’t track results across all companies using the tool, we leveraged Smartlook to gather valuable insights into user behavior. By analyzing session recordings and heatmaps, we were able to identify key usability improvements and validate our design decisions based on real user interactions.
While our access to full performance data was limited, and we couldn’t track results across all companies using the tool, we leveraged Smartlook to gather valuable insights into user behavior. By analyzing session recordings and heatmaps, we were able to identify key usability improvements and validate our design decisions based on real user interactions.
While our access to full performance data was limited, and we couldn’t track results across all companies using the tool, we leveraged Smartlook to gather valuable insights into user behavior. By analyzing session recordings and heatmaps, we were able to identify key usability improvements and validate our design decisions based on real user interactions.
Increased Task Completion Rates – Users were completing key actions more frequently, confirming that our UX refinements made workflows smoother.
Better Feature Accessibility – Previously hard-to-find or underutilized features became more discoverable, reducing friction and improving engagement.
Reduction in User Struggles – Smartlook session data showed that major pain points—like confusing navigation and inefficient workflows—were significantly reduced after our improvements.
Iterative, Data-Driven Decisions – By testing changes with specific user groups first, we ensured that improvements were backed by real behavioral insights before rolling them out more broadly.
“Working with Belmin on the Business Compass project was a great experience. He helped us simplify a complex platform by improving key features and user flows. His strong collaboration with both product and development teams ensured smooth handoffs and consistent results. Belmin’s structured approach and attention to detail made a real difference in the success of the redesign.”
Senior Program Manager at Salient Process
“Working with Belmin on the Business Compass project was a great experience. He helped us simplify a complex platform by improving key features and user flows. His strong collaboration with both product and development teams ensured smooth handoffs and consistent results. Belmin’s structured approach and attention to detail made a real difference in the success of the redesign.”
Senior Program Manager at Salient Process
“Working with Belmin on the Business Compass project was a great experience. He helped us simplify a complex platform by improving key features and user flows. His strong collaboration with both product and development teams ensured smooth handoffs and consistent results. Belmin’s structured approach and attention to detail made a real difference in the success of the redesign.”
Senior Program Manager at Salient Process
