{"id":1400,"date":"2023-04-18T11:02:05","date_gmt":"2023-04-18T11:02:05","guid":{"rendered":"https:\/\/wpriverthemes.com\/gridx\/?page_id=1400"},"modified":"2025-10-09T11:10:09","modified_gmt":"2025-10-09T11:10:09","slug":"desktop-application","status":"publish","type":"page","link":"https:\/\/www.mihagrbac.com\/?page_id=1400","title":{"rendered":"Desktop application"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1400\" class=\"elementor elementor-1400\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3155ad7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3155ad7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b3e563c\" data-id=\"b3e563c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d39a747 elementor-widget__width-initial hide-pic elementor-widget elementor-widget-gridxdaworkdetailprojbreadcrumb\" data-id=\"d39a747\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojbreadcrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start Workdetail Breadcrumb\n    ============================================= -->\n<!-- Breadcrumb -->\n<section class=\"breadcrumb-area\">\n    <div class=\"container\">\n        <div class=\"breadcrumb-content\" data-aos=\"fade-up\">\n            <p>Desktop application<\/p>\n            <h1 class=\"section-heading\">\t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/star-2.png\" alt=\"Star\">\n\t\t\t\t\t\t\n Chemius and Allchemist\t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/star-2.png\" alt=\"Star\">\n\t\t\t\t\t\t\n<\/h1>\n        <\/div>\n    <\/div>\n<\/section>\n\n<div class=\"project-details-img\" data-aos=\"zoom-in\">\n    <img decoding=\"async\" src=\"\" alt=\"Project Details\">\n<\/div>\n\n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca03e51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca03e51\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f51115d box-one-column\" data-id=\"f51115d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1c473f elementor-widget elementor-widget-gridxdaworkdetailprojinfo\" data-id=\"d1c473f\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojinfo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div data-aos=\"zoom-in\">\n    <div class=\"d-flex project-infos-wrap shadow-box mb-24\">\n        \t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/bg1.png\" alt=\"BG\" class=\"bg-img\">\n\t\t\t\t\n        \t\n\t\t\t\t\n        <div class=\"project-details-info flex-1\">\n            <h3>Chemical Regulatory SaaS Platform \u2013 UX\/UI Design &amp; Front-End Contribution<\/h3>\n            <p data-start=\"151\" data-end=\"200\"><strong data-start=\"151\" data-end=\"198\">Role: UX\/UI Design &amp; Front-End Contribution<\/strong><\/p><p data-start=\"151\" data-end=\"200\"><strong data-start=\"202\" data-end=\"214\">Overview<\/strong><br data-start=\"214\" data-end=\"217\" \/>The project included two core applications \u2014 <strong data-start=\"262\" data-end=\"273\">Chemius<\/strong> (focused on chemical regulatory compliance) and <strong data-start=\"322\" data-end=\"336\">Allchemist<\/strong> (tailored for the paint and coatings industry). Both apps share the same core functionality, but differ in design and marketing approach. When I joined, the application was already in active use with a few views, though the design and structure were inconsistent. To avoid disrupting existing users, we introduced improvements gradually, refining usability and ensuring a consistent design system over time.<\/p><p data-start=\"328\" data-end=\"351\"><strong data-start=\"328\" data-end=\"349\">Key Contributions<\/strong><\/p><ul data-start=\"352\" data-end=\"777\"><li data-start=\"352\" data-end=\"432\"><p data-start=\"354\" data-end=\"432\">Conducted research and testing with in-house consultants (application users)<\/p><\/li><li data-start=\"433\" data-end=\"494\"><p data-start=\"435\" data-end=\"494\">Created wireframes and user flows for new functionalities<\/p><\/li><li data-start=\"495\" data-end=\"548\"><p data-start=\"497\" data-end=\"548\">Designed UX\/UI layouts and interactive prototypes<\/p><\/li><li data-start=\"549\" data-end=\"620\"><p data-start=\"551\" data-end=\"620\">Wrote detailed specifications for an international development team<\/p><\/li><li data-start=\"621\" data-end=\"700\"><p data-start=\"623\" data-end=\"700\">Performed testing and quality assurance to ensure usability and consistency<\/p><\/li><li data-start=\"701\" data-end=\"777\"><p data-start=\"703\" data-end=\"777\">Independently solved and fixed front-end development tasks using Angular<\/p><\/li><\/ul>        <\/div>\n\n        <div class=\"project-details-info flex-1\">\n            <h3><\/h3>\n                    <\/div>\n    <\/div>\n<\/div>\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-691c3f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"691c3f8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2805a9f\" data-id=\"2805a9f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45ee9da elementor-widget elementor-widget-gridxdaworkdetailprojimg\" data-id=\"45ee9da\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojimg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div class=\"project-details-2-img mb-24\" data-aos=\"zoom-in\">\n        <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2024\/01\/desktop_app_devices.png\" alt=\"Project\">\n<\/div>\n\n    \n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b80f3e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b80f3e1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-208675f box-one-column\" data-id=\"208675f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3df3ba2c elementor-widget elementor-widget-gridxdaworkdetailprojinfo\" data-id=\"3df3ba2c\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojinfo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div data-aos=\"zoom-in\">\n    <div class=\"d-flex project-infos-wrap shadow-box mb-24\">\n        \t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/bg1.png\" alt=\"BG\" class=\"bg-img\">\n\t\t\t\t\n        \t\n\t\t\t\t\n        <div class=\"project-details-info flex-1\">\n            <h3>Application Structure<\/h3>\n            <ul><li data-start=\"809\" data-end=\"888\"><p><strong>Main Menu:<\/strong> Core navigation with icons linking to all primary and subviews<br \/><br \/><\/p><\/li><li data-start=\"889\" data-end=\"959\"><p data-start=\"891\" data-end=\"959\"><strong>Header:<\/strong> Space for breadcrumbs, titles, and main view functions<br \/><br \/><\/p><\/li><li data-start=\"960\" data-end=\"1000\"><p data-start=\"962\" data-end=\"1000\"><strong>Submenu:<\/strong> Dedicated area for tabs and steps<br \/><br \/><\/p><\/li><li data-start=\"1001\" data-end=\"1070\"><p data-start=\"1003\" data-end=\"1070\"><strong>Left Sidebar:<\/strong> Section for submenus and contextual information<br \/><br \/><\/p><\/li><li data-start=\"1071\" data-end=\"1129\"><p data-start=\"466\" data-end=\"490\"><strong>Main Content Area:<\/strong><\/p><ul><li><p><strong>Top navigation menu<\/strong> for back navigation or other buttons<\/p><\/li><li data-start=\"1071\" data-end=\"1129\"><p data-start=\"466\" data-end=\"490\">Tables and primary view content<\/p><\/li><li data-start=\"598\" data-end=\"643\"><p data-start=\"600\" data-end=\"643\"><strong>Bottom sticky bar <\/strong>with action buttons<br \/><br \/><\/p><\/li><\/ul><\/li><li data-start=\"1130\" data-end=\"1247\"><p data-start=\"1132\" data-end=\"1247\"><strong>Right Sidebar:<\/strong> Lists selected items and provides action buttons to finalize tasks and go to the next view<\/p><\/li><\/ul>        <\/div>\n\n        <div class=\"project-details-info flex-1\">\n            <h3><\/h3>\n                    <\/div>\n    <\/div>\n<\/div>\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-79e3e4a0 img-cover\" data-id=\"79e3e4a0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b657e06 elementor-widget elementor-widget-gridxdaworkdetailprojimg\" data-id=\"b657e06\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojimg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div class=\"project-details-2-img mb-24\" data-aos=\"zoom-in\">\n        <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2025\/10\/app_structure_new.png\" alt=\"Project\">\n<\/div>\n\n    \n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b5105b8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b5105b8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5244280 img-cover\" data-id=\"5244280\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a3c8eb7 elementor-widget elementor-widget-gridxdaworkdetailprojimg\" data-id=\"7a3c8eb7\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojimg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div class=\"project-details-2-img mb-24\" data-aos=\"zoom-in\">\n        <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2025\/10\/Graphic-and-icons.png\" alt=\"Project\">\n<\/div>\n\n    \n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-34413bb box-one-column\" data-id=\"34413bb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a32377d elementor-widget elementor-widget-gridxdaworkdetailprojinfo\" data-id=\"7a32377d\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojinfo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div data-aos=\"zoom-in\">\n    <div class=\"d-flex project-infos-wrap shadow-box mb-24\">\n        \t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/bg1.png\" alt=\"BG\" class=\"bg-img\">\n\t\t\t\t\n        \t\n\t\t\t\t\n        <div class=\"project-details-info flex-1\">\n            <h3>Custom Design Work<\/h3>\n            <ul><li data-start=\"1520\" data-end=\"1560\"><p data-start=\"1522\" data-end=\"1560\">Developed a custom font and icon set<\/p><\/li><li data-start=\"1561\" data-end=\"1605\"><p data-start=\"1563\" data-end=\"1605\">Create custom font with <strong data-start=\"1592\" data-end=\"1603\">IcoMoon<\/strong><\/p><\/li><li data-start=\"1606\" data-end=\"1659\"><p data-start=\"1608\" data-end=\"1659\">Created secondary and tertiary graphics and icons<\/p><\/li><\/ul>        <\/div>\n\n        <div class=\"project-details-info flex-1\">\n            <h3><\/h3>\n                    <\/div>\n    <\/div>\n<\/div>\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-946ff9a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"946ff9a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-19354d3 box-one-column\" data-id=\"19354d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-652b05d elementor-widget elementor-widget-gridxdaworkdetailprojinfo\" data-id=\"652b05d\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojinfo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div data-aos=\"zoom-in\">\n    <div class=\"d-flex project-infos-wrap shadow-box mb-24\">\n        \t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/bg1.png\" alt=\"BG\" class=\"bg-img\">\n\t\t\t\t\n        \t\n\t\t\t\t\n        <div class=\"project-details-info flex-1\">\n            <h3>UI Design: Theme &amp; Components<\/h3>\n            <p>with selected technology and libraries:<\/p><ul data-start=\"1284\" data-end=\"1493\"><li data-start=\"1284\" data-end=\"1330\"><p data-start=\"1286\" data-end=\"1330\"><strong data-start=\"1286\" data-end=\"1297\">PrimeNG<\/strong> \u2013 Angular UI component library<\/p><\/li><li data-start=\"1331\" data-end=\"1377\"><p data-start=\"1333\" data-end=\"1377\"><strong data-start=\"1333\" data-end=\"1344\">AG Grid<\/strong> \u2013 Data grid for complex tables<\/p><\/li><li data-start=\"1378\" data-end=\"1432\"><p data-start=\"1380\" data-end=\"1432\"><strong data-start=\"1380\" data-end=\"1396\">Tailwind CSS<\/strong> \u2013 Utility-first styling framework<\/p><\/li><li data-start=\"1433\" data-end=\"1493\"><p data-start=\"1435\" data-end=\"1493\"><strong data-start=\"1435\" data-end=\"1447\">Chart.js<\/strong> \u2013 Data visualization and interactive charts<\/p><\/li><\/ul>        <\/div>\n\n        <div class=\"project-details-info flex-1\">\n            <h3><\/h3>\n                    <\/div>\n    <\/div>\n<\/div>\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-987869c img-cover\" data-id=\"987869c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b28dd29 elementor-widget elementor-widget-gridxdaworkdetailprojimg\" data-id=\"b28dd29\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojimg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div class=\"project-details-2-img mb-24\" data-aos=\"zoom-in\">\n        <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2025\/10\/Elements.png\" alt=\"Project\">\n<\/div>\n\n    \n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aaf06da elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aaf06da\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2aafda4 img-cover\" data-id=\"2aafda4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dcf8c0b elementor-widget elementor-widget-gridxdaworkdetailprojimg\" data-id=\"dcf8c0b\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojimg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div class=\"project-details-2-img mb-24\" data-aos=\"zoom-in\">\n        <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2025\/10\/wireframes.png\" alt=\"Project\">\n<\/div>\n\n    \n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c426006 box-one-column\" data-id=\"c426006\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ca43a8 elementor-widget elementor-widget-gridxdaworkdetailprojinfo\" data-id=\"5ca43a8\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojinfo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div data-aos=\"zoom-in\">\n    <div class=\"d-flex project-infos-wrap shadow-box mb-24\">\n        \t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/bg1.png\" alt=\"BG\" class=\"bg-img\">\n\t\t\t\t\n        \t\n\t\t\t\t\n        <div class=\"project-details-info flex-1\">\n            <h3>UX &amp; Design Process<\/h3>\n            <ul><li data-start=\"1687\" data-end=\"1740\"><p data-start=\"1689\" data-end=\"1740\">Researched user needs for every new functionality<\/p><\/li><li data-start=\"1741\" data-end=\"1806\"><p data-start=\"1743\" data-end=\"1806\">Created wireframes and user flows as the first step in design<\/p><\/li><li data-start=\"1807\" data-end=\"1852\"><p data-start=\"1809\" data-end=\"1852\">Designed UX prototypes and specifications<\/p><\/li><li data-start=\"1853\" data-end=\"1913\"><p data-start=\"1855\" data-end=\"1913\">Conducted testing and quality assurance for all features<\/p><\/li><\/ul>        <\/div>\n\n        <div class=\"project-details-info flex-1\">\n            <h3><\/h3>\n                    <\/div>\n    <\/div>\n<\/div>\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-84a9993 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"84a9993\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e8d4712 box-one-column\" data-id=\"e8d4712\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72fe103 elementor-widget elementor-widget-gridxdaworkdetailprojinfo\" data-id=\"72fe103\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojinfo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div data-aos=\"zoom-in\">\n    <div class=\"d-flex project-infos-wrap shadow-box mb-24\">\n        \t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/bg1.png\" alt=\"BG\" class=\"bg-img\">\n\t\t\t\t\n        \t\n\t\t\t\t\n        <div class=\"project-details-info flex-1\">\n            <h3>End Result<\/h3>\n            <ul><li data-start=\"1932\" data-end=\"1966\"><p data-start=\"1934\" data-end=\"1966\">Application with <strong data-start=\"1951\" data-end=\"1964\">25+ views<\/strong><\/p><\/li><li data-start=\"1967\" data-end=\"2031\"><p data-start=\"1969\" data-end=\"2031\">Complex billing system with multiple packages and 8+ add-ons<\/p><\/li><li data-start=\"2032\" data-end=\"2084\"><p data-start=\"2034\" data-end=\"2084\">Several REST API integrations for specific views<\/p><\/li><li data-start=\"2085\" data-end=\"2144\"><p data-start=\"2087\" data-end=\"2144\">Two user types: internal experts and self-service users<\/p><\/li><li data-start=\"2145\" data-end=\"2175\"><p data-start=\"2147\" data-end=\"2175\">SSO Windows authentication<\/p><\/li><li data-start=\"2145\" data-end=\"2175\"><p data-start=\"2147\" data-end=\"2175\">Application admin system<\/p><\/li><li data-start=\"2145\" data-end=\"2175\">...<\/li><\/ul>        <\/div>\n\n        <div class=\"project-details-info flex-1\">\n            <h3><\/h3>\n                    <\/div>\n    <\/div>\n<\/div>\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b6d3185 min-pic-height img-cover\" data-id=\"b6d3185\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a6ede4c elementor-widget elementor-widget-gridxdaworkdetailprojimg\" data-id=\"a6ede4c\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojimg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div class=\"project-details-2-img mb-24\" data-aos=\"zoom-in\">\n        <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2025\/10\/Views.png\" alt=\"Project\">\n<\/div>\n\n    \n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513e7c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"513e7c2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d8e2090\" data-id=\"d8e2090\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-919bc3a elementor-widget elementor-widget-gridxdaworkdetailprojabout\" data-id=\"919bc3a\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojabout.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n  <div data-aos=\"zoom-in\">\n    <div class=\"project-about-2 d-flex shadow-box mb-24\">\n       \t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/bg1.png\" alt=\"BG\" class=\"bg-img\">\n\t\t\t\t\n        <div class=\"left-details\">\n           \t\n\t\t\t\t\t\t\n            <ul>\n                                 <li>\n                    <p><\/p>\n                    <h4>For a UX designer, being part of the development process and having an understanding of new technologies, as well as app workings (such as databases), is key to crafting outstanding UX experiences.<\/h4>\n                <\/li>\n                           <\/ul>\n        <\/div>\n        <div class=\"right-details\">\n            <h3>Highlighted Views<\/h3>\n            <ul><li data-start=\"2203\" data-end=\"2226\"><strong data-start=\"2203\" data-end=\"2224\">Formulation Mixer<\/strong><\/li><li data-start=\"2229\" data-end=\"2252\"><strong data-start=\"2229\" data-end=\"2250\">Material Composer<\/strong><\/li><li data-start=\"2255\" data-end=\"2318\"><strong data-start=\"2255\" data-end=\"2285\">Poison Notification Centre<\/strong><ul><li data-start=\"2255\" data-end=\"2318\">Automated submission process<\/li><\/ul><\/li><li data-start=\"2321\" data-end=\"2351\"><strong data-start=\"2321\" data-end=\"2349\">Safety Data Sheet Editor<\/strong><\/li><li data-start=\"2354\" data-end=\"2434\"><strong data-start=\"2354\" data-end=\"2386\">Product Overview &amp; Permalink<\/strong><ul><li data-start=\"2354\" data-end=\"2434\">Digital passport with customizable branding<\/li><\/ul><\/li><li data-start=\"2437\" data-end=\"2541\"><strong data-start=\"2437\" data-end=\"2461\">Regulatory Dashboard<\/strong><ul><li data-start=\"2437\" data-end=\"2541\">Interactive dashboard with substance categorization and compliance insights<\/li><\/ul><\/li><li data-start=\"2544\" data-end=\"2576\"><strong data-start=\"2544\" data-end=\"2574\">Technical Data Sheet (TDS) <\/strong><ul><li data-start=\"2544\" data-end=\"2576\">Fully customizable with branding, layouts, and interactive elements<\/li><li data-start=\"2655\" data-end=\"2730\">Linked data: TDSs and SDSs stay synchronized with automatic field updates<\/li><\/ul><\/li><li data-start=\"2655\" data-end=\"2730\"><strong data-start=\"660\" data-end=\"674\">SDS Parser<\/strong><ul><li data-start=\"2655\" data-end=\"2730\">AI-powered tool that extracts and structures data from SDS PDFs<\/li><\/ul><\/li><li><strong>Service Billing<\/strong><\/li><\/ul>        <\/div>\n    <\/div>\n<\/div>\n\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-643c153 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"643c153\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ff4997\" data-id=\"1ff4997\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c1e8035 elementor-widget elementor-widget-gridxdaworkdetailprojfooterbtn\" data-id=\"c1e8035\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojfooterbtn.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start Nextproject\n    ============================================= -->\n    \n<div class=\"container d-flex align-items-center justify-content-center\" data-aos=\"zoom-in\">\n    <a href=\"https:\/\/www.mihagrbac.com\/?page_id=4078\" class=\"big-btn shadow-box\">\n\t\t        Next\t\t     <\/a>\n<\/div>\n\n\n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Desktop application Chemius and Allchemist Chemical Regulatory SaaS Platform \u2013 UX\/UI Design &amp; Front-End Contribution Role: UX\/UI Design &amp; Front-End Contribution OverviewThe project included two core applications \u2014 Chemius (focused on chemical regulatory compliance) and Allchemist (tailored for the paint and coatings industry). Both apps share the same core functionality, but differ in design and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/main-workdetail.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/pages\/1400"}],"collection":[{"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1400"}],"version-history":[{"count":143,"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/pages\/1400\/revisions"}],"predecessor-version":[{"id":4824,"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/pages\/1400\/revisions\/4824"}],"wp:attachment":[{"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}