TheAD is a creative agency based in Sydney, offering digital solutions in design, development, photography, and video.
MeMate is a business management platform that helps teams track sales, manage expenses, and streamline workflows.
This project was completed in collaboration with TheAD, a Sydney-based digital agency. I was brought on as a freelance product designer to support their work on MeMate—an in-house business management platform developed by the agency. Throughout the project, I worked closely with TheAD’s internal team to redesign the platform’s core features, improve usability, and create a cohesive product experience across both web and mobile.
This project was completed in collaboration with TheAD, a Sydney-based digital agency. I was brought on as a freelance product designer to support their work on MeMate—an in-house business management platform developed by the agency. Throughout the project, I worked closely with TheAD’s internal team to redesign the platform’s core features, improve usability, and create a cohesive product experience across both web and mobile.
This project was completed in collaboration with TheAD, a Sydney-based digital agency. I was brought on as a freelance product designer to support their work on MeMate—an in-house business management platform developed by the agency. Throughout the project, I worked closely with TheAD’s internal team to redesign the platform’s core features, improve usability, and create a cohesive product experience across both web and mobile.
Led the full-scale redesign of MeMate, covering the web and mobile application, website ensuring a cohesive and user-friendly experience across all touchpoints.
Led the full-scale redesign of MeMate, covering the web and mobile application, website ensuring a cohesive and user-friendly experience across all touchpoints.
Designed and implemented a custom design system, improving consistency, scalability, and development efficiency.
Designed and implemented a custom design system, improving consistency, scalability, and development efficiency.
Transformed outdated workflows into intuitive, streamlined processes, making it easier for businesses to manage sales, expenses, and team operations from a single platform.
Transformed outdated workflows into intuitive, streamlined processes, making it easier for businesses to manage sales, expenses, and team operations from a single platform.
Enhanced analytics and reporting tools, enabling managers to track performance, identify inefficiencies, and make data-driven decisions with confidence.
Enhanced analytics and reporting tools, enabling managers to track performance, identify inefficiencies, and make data-driven decisions with confidence.
Played a key role in developer handoff, providing detailed documentation, prototypes, and assets to ensure smooth implementation.
Played a key role in developer handoff, providing detailed documentation, prototypes, and assets to ensure smooth implementation.
Product Designer
Product Designer
20 Months
20 Months
Sep, 2023 - Ongoing
Period
June, 2023 - Current
Screens Redesigned
Screens Redesigned
UI Components Created
UI Components Created
Key Modules Refined
User Flows Improved
User Flows Improved
Table Variants Designed
Features Redesigned
Key Modules Refined
Table Variants Designed
Features Redesigned
Understanding
Research
Ideation
UX Audit
Low Fidelity Wireframe
Key Features Design
Atomic Design System
Design Implementation
Testing
Belmin Salkica
Max Narelik - CEO
Dev Team
Understanding
Research
Ideation
UX Audit
Low Fidelity Wireframe
Key Features Design
Atomic Design System
Design Implementation
Testing
Belmin Salkica
Max Narelik - CEO
Dev Team
Understanding
Research
Ideation
UX Audit
Low Fidelity Wireframe
Key Features Design
Atomic Design System
Design Implementation
Testing
Belmin Salkica
Max Narelik - CEO
Dev Team
Max Narelik
Max Narelik
Director
Director
Belmin Salkica
Belmin Salkica
Senior Product Designer
Senior Product Designer
Dev Team
Dev Team
Dev Team
Development
Development
We ensured the mobile app mirrored the web experience, applying the same design principles and usability improvements. Every feature was carefully adapted to mobile, maintaining consistency while optimizing for smaller screens and touch interactions.
We ensured the mobile app mirrored the web experience, applying the same design principles and usability improvements. Every feature was carefully adapted to mobile, maintaining consistency while optimizing for smaller screens and touch interactions.
Creating a new quote in the sales module allows users to add client details and build a comprehensive proposal. The key feature is the built-in calculator, enabling users to add multiple items, adjust quantities, and apply pricing rules effortlessly. This ensures accurate cost estimation and helps businesses generate detailed quotes with ease.
Creating a new quote in the sales module allows users to add client details and build a comprehensive proposal. The key feature is the built-in calculator, enabling users to add multiple items, adjust quantities, and apply pricing rules effortlessly. This ensures accurate cost estimation and helps businesses generate detailed quotes with ease.
The Management tab streamlines project tracking with a timeline view, task assignments, and status updates. Teams can easily adjust schedules, manage responsibilities, and collaborate efficiently, ensuring smooth workflow and better project execution.
The Management tab streamlines project tracking with a timeline view, task assignments, and status updates. Teams can easily adjust schedules, manage responsibilities, and collaborate efficiently, ensuring smooth workflow and better project execution.
The settings page enables users to create and manage email, job, and proposal templates, saving time on repetitive tasks and ensuring consistency across operations.
The settings page enables users to create and manage email, job, and proposal templates, saving time on repetitive tasks and ensuring consistency across operations.
The sales table provides a clear overview of ongoing deals, client details, and sales progress. Users can track negotiation stages, update statuses, and manage contacts, ensuring a streamlined and organized sales process.
The sales table provides a clear overview of ongoing deals, client details, and sales progress. Users can track negotiation stages, update statuses, and manage contacts, ensuring a streamlined and organized sales process.
The Statistics Page provides a comprehensive overview of business performance, consolidating key metrics into a single, easy-to-read dashboard. Managers can track progress, analyze financial trends, and monitor operational efficiency in real time.
The Statistics Page provides a comprehensive overview of business performance, consolidating key metrics into a single, easy-to-read dashboard. Managers can track progress, analyze financial trends, and monitor operational efficiency in real time.
This screen showcases the job list inside the mobile app, which is designed specifically for workers. While managers use the web application to oversee operations, workers rely on the mobile app to track their assigned tasks, manage schedules, and complete jobs efficiently.
This screen showcases the job list inside the mobile app, which is designed specifically for workers. While managers use the web application to oversee operations, workers rely on the mobile app to track their assigned tasks, manage schedules, and complete jobs efficiently.
This wasn’t just about giving the app a fresh look-it was about analyzing the entire user experience, identifying pain points, and ensuring that every feature served its purpose effectively. Our first step was conducting a UX audit of the old app, where we examined navigation, workflows, and missing states.
This wasn’t just about giving the app a fresh look-it was about analyzing the entire user experience, identifying pain points, and ensuring that every feature served its purpose effectively. Our first step was conducting a UX audit of the old app, where we examined navigation, workflows, and missing states.
This wasn’t just about giving the app a fresh look-it was about analyzing the entire user experience, identifying pain points, and ensuring that every feature served its purpose effectively. Our first step was conducting a UX audit of the old app, where we examined navigation, workflows, and missing states.
By testing various features and analyzing user interactions, we identified critical areas for improvement. Mapping out core functionalities allowed us to determine which features needed the most attention, ensuring our redesign would enhance usability without disrupting essential business operations.
By testing various features and analyzing user interactions, we identified critical areas for improvement. Mapping out core functionalities allowed us to determine which features needed the most attention, ensuring our redesign would enhance usability without disrupting essential business operations.
By testing various features and analyzing user interactions, we identified critical areas for improvement. Mapping out core functionalities allowed us to determine which features needed the most attention, ensuring our redesign would enhance usability without disrupting essential business operations.
To ensure MeMate provided the best possible user experience, I conducted extensive competitor research, analyzing how similar platforms handled key features. This helped us identify best practices, spot inefficiencies, and determine where we could innovate.
To ensure MeMate provided the best possible user experience, I conducted extensive competitor research, analyzing how similar platforms handled key features. This helped us identify best practices, spot inefficiencies, and determine where we could innovate.
To ensure MeMate provided the best possible user experience, I conducted extensive competitor research, analyzing how similar platforms handled key features. This helped us identify best practices, spot inefficiencies, and determine where we could innovate.
This process wasn’t just a one-time step at the beginning—it was an ongoing effort throughout the redesign. As we iterated on designs, we frequently revisited competing solutions to validate our decisions, refine features, and ensure we were always improving.
This process wasn’t just a one-time step at the beginning—it was an ongoing effort throughout the redesign. As we iterated on designs, we frequently revisited competing solutions to validate our decisions, refine features, and ensure we were always improving.
This process wasn’t just a one-time step at the beginning—it was an ongoing effort throughout the redesign. As we iterated on designs, we frequently revisited competing solutions to validate our decisions, refine features, and ensure we were always improving.
By continuously testing and analyzing different approaches, we shaped a platform that not only met industry standards but also provided a more intuitive, efficient, and valuable experience for users.
By continuously testing and analyzing different approaches, we shaped a platform that not only met industry standards but also provided a more intuitive, efficient, and valuable experience for users.
By continuously testing and analyzing different approaches, we shaped a platform that not only met industry standards but also provided a more intuitive, efficient, and valuable experience for users.
To ensure a well-organized and intuitive platform, we began by creating a comprehensive sitemap. This step was essential in mapping out the entire system, defining key features, and establishing a logical flow between different sections. By visualizing the platform’s architecture, we identified gaps, streamlined navigation, and ensured that every function had a clear place within the app.
To ensure a well-organized and intuitive platform, we began by creating a comprehensive sitemap. This step was essential in mapping out the entire system, defining key features, and establishing a logical flow between different sections. By visualizing the platform’s architecture, we identified gaps, streamlined navigation, and ensured that every function had a clear place within the app.
To ensure a well-organized and intuitive platform, we began by creating a comprehensive sitemap. This step was essential in mapping out the entire system, defining key features, and establishing a logical flow between different sections. By visualizing the platform’s architecture, we identified gaps, streamlined navigation, and ensured that every function had a clear place within the app.
This structured approach allowed us to better understand how users would interact with different modules, from managing sales and expenses to tracking team operations. Having a clear framework from the start helped us align business needs with user expectations, ensuring that all core functionalities were accessible and easy to use.
This structured approach allowed us to better understand how users would interact with different modules, from managing sales and expenses to tracking team operations. Having a clear framework from the start helped us align business needs with user expectations, ensuring that all core functionalities were accessible and easy to use.
This structured approach allowed us to better understand how users would interact with different modules, from managing sales and expenses to tracking team operations. Having a clear framework from the start helped us align business needs with user expectations, ensuring that all core functionalities were accessible and easy to use.
Once we established the sitemap, we moved into extensive wireframing to test various navigation approaches. We experimented with different layouts, menu structures, and content placements to find the most intuitive experience.
Once we established the sitemap, we moved into extensive wireframing to test various navigation approaches. We experimented with different layouts, menu structures, and content placements to find the most intuitive experience.
Once we established the sitemap, we moved into extensive wireframing to test various navigation approaches. We experimented with different layouts, menu structures, and content placements to find the most intuitive experience.
This iterative process allowed us to refine interactions, minimize friction, and create a streamlined workflow that would enhance usability across both web and mobile platforms.
This iterative process allowed us to refine interactions, minimize friction, and create a streamlined workflow that would enhance usability across both web and mobile platforms.
This iterative process allowed us to refine interactions, minimize friction, and create a streamlined workflow that would enhance usability across both web and mobile platforms.
Conducting a thorough UX audit was a crucial step in understanding where users struggled the most. By analyzing user behavior and flows, we identified inefficiencies, unnecessary steps, and areas where the platform caused friction. Our focus was on the most complex features—areas where users frequently encountered difficulties or where the platform’s structure hindered efficiency.
Conducting a thorough UX audit was a crucial step in understanding where users struggled the most. By analyzing user behavior and flows, we identified inefficiencies, unnecessary steps, and areas where the platform caused friction. Our focus was on the most complex features—areas where users frequently encountered difficulties or where the platform’s structure hindered efficiency.
Conducting a thorough UX audit was a crucial step in understanding where users struggled the most. By analyzing user behavior and flows, we identified inefficiencies, unnecessary steps, and areas where the platform caused friction. Our focus was on the most complex features—areas where users frequently encountered difficulties or where the platform’s structure hindered efficiency.
One of the most challenging features was the quote creation process, which included a built-in calculator. Everything was placed on a single page, making it overwhelming and difficult to navigate. Users had to manage multiple inputs simultaneously, leading to errors and frustration. The lack of a clear flow also slowed down the process, making it harder for businesses to generate accurate quotes quickly.
One of the most challenging features was the quote creation process, which included a built-in calculator. Everything was placed on a single page, making it overwhelming and difficult to navigate. Users had to manage multiple inputs simultaneously, leading to errors and frustration. The lack of a clear flow also slowed down the process, making it harder for businesses to generate accurate quotes quickly.
One of the most challenging features was the quote creation process, which included a built-in calculator. Everything was placed on a single page, making it overwhelming and difficult to navigate. Users had to manage multiple inputs simultaneously, leading to errors and frustration. The lack of a clear flow also slowed down the process, making it harder for businesses to generate accurate quotes quickly.
Beyond this, the platform had multiple hidden inefficiencies across different sections. Key actions were buried under layers of navigation, making them hard to find.
Beyond this, the platform had multiple hidden inefficiencies across different sections. Key actions were buried under layers of navigation, making them hard to find.
Beyond this, the platform had multiple hidden inefficiencies across different sections. Key actions were buried under layers of navigation, making them hard to find.
Beyond this, the platform had multiple inefficiencies that disrupted daily operations. Key features were buried under complex navigation, making it difficult for teams to manage sales, expenses, and client data efficiently.
Beyond this, the platform had multiple inefficiencies that disrupted daily operations. Key features were buried under complex navigation, making it difficult for teams to manage sales, expenses, and client data efficiently.
Beyond this, the platform had multiple inefficiencies that disrupted daily operations. Key features were buried under complex navigation, making it difficult for teams to manage sales, expenses, and client data efficiently.
Workflow bottlenecks slowed down essential tasks, and critical insights were not easily accessible. Instead of just refining the UI, we took a deeper UX approach—streamlining processes, improving accessibility, and ensuring that every feature contributed to seamless business management.
Workflow bottlenecks slowed down essential tasks, and critical insights were not easily accessible. Instead of just refining the UI, we took a deeper UX approach—streamlining processes, improving accessibility, and ensuring that every feature contributed to seamless business management.
Workflow bottlenecks slowed down essential tasks, and critical insights were not easily accessible. Instead of just refining the UI, we took a deeper UX approach—streamlining processes, improving accessibility, and ensuring that every feature contributed to seamless business management.
By conducting this UX audit, we pinpointed the most critical areas for improvement, ensuring that our redesign efforts were focused on reducing complexity and improving the overall efficiency of the platform. This strategic approach allowed us to prioritize features that would make the biggest impact on usability and business operations.
By conducting this UX audit, we pinpointed the most critical areas for improvement, ensuring that our redesign efforts were focused on reducing complexity and improving the overall efficiency of the platform. This strategic approach allowed us to prioritize features that would make the biggest impact on usability and business operations.
By conducting this UX audit, we pinpointed the most critical areas for improvement, ensuring that our redesign efforts were focused on reducing complexity and improving the overall efficiency of the platform. This strategic approach allowed us to prioritize features that would make the biggest impact on usability and business operations.
Users previously struggled with an overwhelming interface where all data was presented at once, making tasks complex and inefficient. We simplified the navigation by breaking down processes into logical steps, allowing users to input information progressively instead of being overloaded with data on a single screen.
Users previously struggled with an overwhelming interface where all data was presented at once, making tasks complex and inefficient. We simplified the navigation by breaking down processes into logical steps, allowing users to input information progressively instead of being overloaded with data on a single screen.
Users previously struggled with an overwhelming interface where all data was presented at once, making tasks complex and inefficient. We simplified the navigation by breaking down processes into logical steps, allowing users to input information progressively instead of being overloaded with data on a single screen.
For the sales quoting process, we restructured the workflow by grouping related fields, introducing a step-by-step approach, and improving clarity. This made it easier to create accurate quotes without confusion, reducing errors and improving efficiency. These improvements allowed businesses to manage sales more effectively while maintaining a seamless user experience.
For the sales quoting process, we restructured the workflow by grouping related fields, introducing a step-by-step approach, and improving clarity. This made it easier to create accurate quotes without confusion, reducing errors and improving efficiency. These improvements allowed businesses to manage sales more effectively while maintaining a seamless user experience.
For the sales quoting process, we restructured the workflow by grouping related fields, introducing a step-by-step approach, and improving clarity. This made it easier to create accurate quotes without confusion, reducing errors and improving efficiency. These improvements allowed businesses to manage sales more effectively while maintaining a seamless user experience.
For the sales quoting process, we restructured the workflow by grouping related fields, introducing a step-by-step approach, and improving clarity. This made it easier to create accurate quotes without confusion, reducing errors and improving efficiency. These improvements allowed businesses to manage sales more effectively while maintaining a seamless user experience.
For the sales quoting process, we restructured the workflow by grouping related fields, introducing a step-by-step approach, and improving clarity. This made it easier to create accurate quotes without confusion, reducing errors and improving efficiency. These improvements allowed businesses to manage sales more effectively while maintaining a seamless user experience.
For the sales quoting process, we restructured the workflow by grouping related fields, introducing a step-by-step approach, and improving clarity. This made it easier to create accurate quotes without confusion, reducing errors and improving efficiency. These improvements allowed businesses to manage sales more effectively while maintaining a seamless user experience.
Beyond quotes, we restructured navigation across the entire platform, ensuring consistency in how users access different features. For example, we redesigned the settings page to centralize key configurations, making it intuitive for users to manage permissions, preferences, and integrations without unnecessary friction. These improvements allowed users to move seamlessly through the app, boosting overall productivity and usability.
Beyond quotes, we restructured navigation across the entire platform, ensuring consistency in how users access different features. For example, we redesigned the settings page to centralize key configurations, making it intuitive for users to manage permissions, preferences, and integrations without unnecessary friction. These improvements allowed users to move seamlessly through the app, boosting overall productivity and usability.
Beyond quotes, we restructured navigation across the entire platform, ensuring consistency in how users access different features. For example, we redesigned the settings page to centralize key configurations, making it intuitive for users to manage permissions, preferences, and integrations without unnecessary friction. These improvements allowed users to move seamlessly through the app, boosting overall productivity and usability.
Managing projects and tracking operations required users to navigate through large amounts of data, which often led to inefficiencies. The original project card was cluttered, making it hard to quickly find key details and take action.
Managing projects and tracking operations required users to navigate through large amounts of data, which often led to inefficiencies. The original project card was cluttered, making it hard to quickly find key details and take action.
Managing projects and tracking operations required users to navigate through large amounts of data, which often led to inefficiencies. The original project card was cluttered, making it hard to quickly find key details and take action.
We redesigned the layout to improve clarity, grouping related information and prioritizing essential actions. The updated project card allows users to track progress, manage tasks, and access critical insights effortlessly. By streamlining the UI, we reduced cognitive load, making project management more intuitive and helping teams stay organized and efficient.
We redesigned the layout to improve clarity, grouping related information and prioritizing essential actions. The updated project card allows users to track progress, manage tasks, and access critical insights effortlessly. By streamlining the UI, we reduced cognitive load, making project management more intuitive and helping teams stay organized and efficient.
We redesigned the layout to improve clarity, grouping related information and prioritizing essential actions. The updated project card allows users to track progress, manage tasks, and access critical insights effortlessly. By streamlining the UI, we reduced cognitive load, making project management more intuitive and helping teams stay organized and efficient.
With a project as extensive as MeMate, keeping files organized was crucial to maintaining efficiency and clarity. With so many features, iterations, and updates, it was essential to structure everything properly to avoid confusion and lost progress. I put in extra effort to ensure that every page, component, and flow was well-documented and easy to navigate.
With a project as extensive as MeMate, keeping files organized was crucial to maintaining efficiency and clarity. With so many features, iterations, and updates, it was essential to structure everything properly to avoid confusion and lost progress. I put in extra effort to ensure that every page, component, and flow was well-documented and easy to navigate.
With a project as extensive as MeMate, keeping files organized was crucial to maintaining efficiency and clarity. With so many features, iterations, and updates, it was essential to structure everything properly to avoid confusion and lost progress. I put in extra effort to ensure that every page, component, and flow was well-documented and easy to navigate.
This level of organization helped streamline collaboration, made it easier to track changes, and ensured that all team members could quickly find what they needed without wasting time searching through cluttered files.
This level of organization helped streamline collaboration, made it easier to track changes, and ensured that all team members could quickly find what they needed without wasting time searching through cluttered files.
This level of organization helped streamline collaboration, made it easier to track changes, and ensured that all team members could quickly find what they needed without wasting time searching through cluttered files.
Tables are the backbone of MeMate, as most critical business decisions rely on viewing and analyzing structured data. However, the original table designs were cluttered, inconsistent, and difficult to scan, making it challenging for users to quickly interpret key information.
Tables are the backbone of MeMate, as most critical business decisions rely on viewing and analyzing structured data. However, the original table designs were cluttered, inconsistent, and difficult to scan, making it challenging for users to quickly interpret key information.
Tables are the backbone of MeMate, as most critical business decisions rely on viewing and analyzing structured data. However, the original table designs were cluttered, inconsistent, and difficult to scan, making it challenging for users to quickly interpret key information.
To solve this, we focused on accessibility, clarity, and consistency across more than 15 different table designs throughout the platform. We optimized column spacing, typography, color coding, and alignment to improve readability.
To solve this, we focused on accessibility, clarity, and consistency across more than 15 different table designs throughout the platform. We optimized column spacing, typography, color coding, and alignment to improve readability.
To solve this, we focused on accessibility, clarity, and consistency across more than 15 different table designs throughout the platform. We optimized column spacing, typography, color coding, and alignment to improve readability.
Key financial metrics, statuses, and action buttons were visually prioritized, ensuring users could quickly grasp insights without unnecessary cognitive load.
Key financial metrics, statuses, and action buttons were visually prioritized, ensuring users could quickly grasp insights without unnecessary cognitive load.
Key financial metrics, statuses, and action buttons were visually prioritized, ensuring users could quickly grasp insights without unnecessary cognitive load.
For a business management platform like MeMate, data visibility is crucial. Managers need to track performance, monitor expenses, and make data-driven decisions efficiently. However, before our redesign, statistics were scattered across different sections, making it difficult for users to get a clear, real-time overview of their business.
For a business management platform like MeMate, data visibility is crucial. Managers need to track performance, monitor expenses, and make data-driven decisions efficiently. However, before our redesign, statistics were scattered across different sections, making it difficult for users to get a clear, real-time overview of their business.
For a business management platform like MeMate, data visibility is crucial. Managers need to track performance, monitor expenses, and make data-driven decisions efficiently. However, before our redesign, statistics were scattered across different sections, making it difficult for users to get a clear, real-time overview of their business.
By designing a clean, structured layout with interactive charts and linked data points, we ensured that managers could easily drill down into specific details while maintaining a high-level perspective on business health. This improvement not only enhanced usability but also empowered businesses to optimize operations and maximize profitability.
By designing a clean, structured layout with interactive charts and linked data points, we ensured that managers could easily drill down into specific details while maintaining a high-level perspective on business health. This improvement not only enhanced usability but also empowered businesses to optimize operations and maximize profitability.
By designing a clean, structured layout with interactive charts and linked data points, we ensured that managers could easily drill down into specific details while maintaining a high-level perspective on business health. This improvement not only enhanced usability but also empowered businesses to optimize operations and maximize profitability.
The mobile app was designed for employees working on tasks within the company, providing them with an intuitive way to manage their daily workload, track job progress, and access important details on the go. While the web application is primarily used by managers for overseeing operations, the mobile app is tailored for individuals executing the work—whether they are technicians, designers, service providers, or any other type of worker handling assignments.
The mobile app was designed for employees working on tasks within the company, providing them with an intuitive way to manage their daily workload, track job progress, and access important details on the go. While the web application is primarily used by managers for overseeing operations, the mobile app is tailored for individuals executing the work—whether they are technicians, designers, service providers, or any other type of worker handling assignments.
The mobile app was designed for employees working on tasks within the company, providing them with an intuitive way to manage their daily workload, track job progress, and access important details on the go. While the web application is primarily used by managers for overseeing operations, the mobile app is tailored for individuals executing the work—whether they are technicians, designers, service providers, or any other type of worker handling assignments.
During the redesign, we focused on simplifying the job list, making it easy for users to view and manage their tasks at a glance. We introduced clear categorization, improved job status indicators, and an efficient filtering system to help workers stay organized. The new design also improved readability, interaction flow, and accessibility, ensuring that key information is always within reach.
During the redesign, we focused on simplifying the job list, making it easy for users to view and manage their tasks at a glance. We introduced clear categorization, improved job status indicators, and an efficient filtering system to help workers stay organized. The new design also improved readability, interaction flow, and accessibility, ensuring that key information is always within reach.
During the redesign, we focused on simplifying the job list, making it easy for users to view and manage their tasks at a glance. We introduced clear categorization, improved job status indicators, and an efficient filtering system to help workers stay organized. The new design also improved readability, interaction flow, and accessibility, ensuring that key information is always within reach.
By prioritizing usability and efficiency, the mobile app enhances the workflow for employees, helping them stay productive while keeping task management straightforward and connected to the broader system used by managers.
By prioritizing usability and efficiency, the mobile app enhances the workflow for employees, helping them stay productive while keeping task management straightforward and connected to the broader system used by managers.
By prioritizing usability and efficiency, the mobile app enhances the workflow for employees, helping them stay productive while keeping task management straightforward and connected to the broader system used by managers.
MeMate is a feature-rich platform with an extensive set of tools for managing business operations. With such a large-scale application, staying organized was crucial to ensure consistency, scalability, and efficiency throughout the design process.
MeMate is a feature-rich platform with an extensive set of tools for managing business operations. With such a large-scale application, staying organized was crucial to ensure consistency, scalability, and efficiency throughout the design process.
MeMate is a feature-rich platform with an extensive set of tools for managing business operations. With such a large-scale application, staying organized was crucial to ensure consistency, scalability, and efficiency throughout the design process.
To maintain structure, we carefully separated design files—one dedicated to the design system and another for feature-specific screens. This approach allowed us to keep core UI components unified, ensuring that every element followed the same design principles, accessibility standards, and user experience guidelines.
To maintain structure, we carefully separated design files—one dedicated to the design system and another for feature-specific screens. This approach allowed us to keep core UI components unified, ensuring that every element followed the same design principles, accessibility standards, and user experience guidelines.
To maintain structure, we carefully separated design files—one dedicated to the design system and another for feature-specific screens. This approach allowed us to keep core UI components unified, ensuring that every element followed the same design principles, accessibility standards, and user experience guidelines.
By implementing a structured design system, we ensured that every feature, from settings to financial tools, adhered to a cohesive visual and functional language. This not only streamlined development but also made the platform more intuitive and easier to navigate for users. Maintaining consistency across a complex system like MeMate was essential to delivering a seamless experience while scaling the product efficiently.
By implementing a structured design system, we ensured that every feature, from settings to financial tools, adhered to a cohesive visual and functional language. This not only streamlined development but also made the platform more intuitive and easier to navigate for users. Maintaining consistency across a complex system like MeMate was essential to delivering a seamless experience while scaling the product efficiently.
By implementing a structured design system, we ensured that every feature, from settings to financial tools, adhered to a cohesive visual and functional language. This not only streamlined development but also made the platform more intuitive and easier to navigate for users. Maintaining consistency across a complex system like MeMate was essential to delivering a seamless experience while scaling the product efficiently.
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.
With a project as complex as MeMate, communication was key to ensuring a smooth workflow. I worked closely with Max throughout the process, staying ahead of the development team by a few months to define and refine features before implementation. This proactive approach allowed us to anticipate challenges and ensure the designs were fully prepared before development began.
With a project as complex as MeMate, communication was key to ensuring a smooth workflow. I worked closely with Max throughout the process, staying ahead of the development team by a few months to define and refine features before implementation. This proactive approach allowed us to anticipate challenges and ensure the designs were fully prepared before development began.
With a project as complex as MeMate, communication was key to ensuring a smooth workflow. I worked closely with Max throughout the process, staying ahead of the development team by a few months to define and refine features before implementation. This proactive approach allowed us to anticipate challenges and ensure the designs were fully prepared before development began.
As we moved into the development phase, collaboration expanded to include daily meetings with the engineering team. I provided detailed developer documentation, ensuring that all UI states, component behaviors, and interactions were clearly defined. Whenever gaps emerged—such as missing component states or unclear workflows—I worked closely with the team to resolve them quickly, making iterations a natural and essential part of the process.
As we moved into the development phase, collaboration expanded to include daily meetings with the engineering team. I provided detailed developer documentation, ensuring that all UI states, component behaviors, and interactions were clearly defined. Whenever gaps emerged—such as missing component states or unclear workflows—I worked closely with the team to resolve them quickly, making iterations a natural and essential part of the process.
As we moved into the development phase, collaboration expanded to include daily meetings with the engineering team. I provided detailed developer documentation, ensuring that all UI states, component behaviors, and interactions were clearly defined. Whenever gaps emerged—such as missing component states or unclear workflows—I worked closely with the team to resolve them quickly, making iterations a natural and essential part of the process.
This tight feedback loop between design and development ensured that MeMate’s functionality evolved smoothly, reducing bottlenecks and allowing for seamless execution. By maintaining continuous communication, we were able to refine features, improve usability, and make sure every detail was accounted for, creating a product that was both well-designed and technically sound.
This tight feedback loop between design and development ensured that MeMate’s functionality evolved smoothly, reducing bottlenecks and allowing for seamless execution. By maintaining continuous communication, we were able to refine features, improve usability, and make sure every detail was accounted for, creating a product that was both well-designed and technically sound.
This tight feedback loop between design and development ensured that MeMate’s functionality evolved smoothly, reducing bottlenecks and allowing for seamless execution. By maintaining continuous communication, we were able to refine features, improve usability, and make sure every detail was accounted for, creating a product that was both well-designed and technically sound.
Since MeMate is still in the development phase, it’s too early to measure the full impact of the redesign on real-world users. While we tested key flows with a few users and gathered initial feedback, the true results will become clearer once the platform is fully launched and adopted by businesses. However, based on our improvements, we can already see significant enhancements in usability, navigation, and workflow efficiency.
Since MeMate is still in the development phase, it’s too early to measure the full impact of the redesign on real-world users. While we tested key flows with a few users and gathered initial feedback, the true results will become clearer once the platform is fully launched and adopted by businesses. However, based on our improvements, we can already see significant enhancements in usability, navigation, and workflow efficiency.
Since MeMate is still in the development phase, it’s too early to measure the full impact of the redesign on real-world users. While we tested key flows with a few users and gathered initial feedback, the true results will become clearer once the platform is fully launched and adopted by businesses. However, based on our improvements, we can already see significant enhancements in usability, navigation, and workflow efficiency.
Beyond the redesign itself, my role extended across multiple areas of the product. I led the design of the web application, created a custom design system, crafted the mobile experience, and revamped the landing page—ensuring a consistent and seamless user experience across all touchpoints.
Beyond the redesign itself, my role extended across multiple areas of the product. I led the design of the web application, created a custom design system, crafted the mobile experience, and revamped the landing page—ensuring a consistent and seamless user experience across all touchpoints.
Beyond the redesign itself, my role extended across multiple areas of the product. I led the design of the web application, created a custom design system, crafted the mobile experience, and revamped the landing page—ensuring a consistent and seamless user experience across all touchpoints.
Managing the entire design process, I made sure that every aspect of the platform followed the same branding guidelines, remained intuitive, and was built to scale. Now, as the product moves into development, I look forward to seeing how these design improvements translate into real business impact.
Managing the entire design process, I made sure that every aspect of the platform followed the same branding guidelines, remained intuitive, and was built to scale. Now, as the product moves into development, I look forward to seeing how these design improvements translate into real business impact.
Managing the entire design process, I made sure that every aspect of the platform followed the same branding guidelines, remained intuitive, and was built to scale. Now, as the product moves into development, I look forward to seeing how these design improvements translate into real business impact.
“Belmin was essential in transforming MeMate’s product experience. He led the full redesign of our web and mobile apps, creating a clean, modern UI and simplifying complex workflows. His strong collaboration with both design and development teams made a huge difference throughout the project.”
Founder & CEO, Memate
“Belmin was essential in transforming MeMate’s product experience. He led the full redesign of our web and mobile apps, creating a clean, modern UI and simplifying complex workflows. His strong collaboration with both design and development teams made a huge difference throughout the project.”
Founder & CEO, Memate
“Belmin was essential in transforming MeMate’s product experience. He led the full redesign of our web and mobile apps, creating a clean, modern UI and simplifying complex workflows. His strong collaboration with both design and development teams made a huge difference throughout the project.”
Founder & CEO, Memate
“Belmin was essential in transforming MeMate’s product experience. He led the full redesign of our web and mobile apps, creating a clean, modern UI and simplifying complex workflows. His strong collaboration with both design and development teams made a huge difference throughout the project.”
Founder & CEO, Memate
