{"id":5631,"date":"2025-08-05T07:25:24","date_gmt":"2025-08-05T07:25:24","guid":{"rendered":"http:\/\/hafizmancommyv2.local\/?p=5631"},"modified":"2025-09-28T17:52:58","modified_gmt":"2025-09-28T17:52:58","slug":"mgate","status":"publish","type":"post","link":"https:\/\/hafizman.com.my\/?p=5631","title":{"rendered":"Mgate: Website Redesign"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Mgate Emerging
Technologies<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Redesign<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Web & Mobile UI\/UX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

01<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

About Project<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mgate Emerging Technologies is a corporate solutions provider that helps businesses and governments redefine how they serve connected customers and operate in a digitally connected world. Their website serves as a key platform for presenting their innovative services and professional image to stakeholders.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Project Type<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Website Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Category \/ Area<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UI\/UX Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

My Role<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
  • Conducted UX audit and competitive analysis<\/li>
  • Developed wireframes and high-fidelity UI mockups<\/li>
  • Focused on simplicity, usability, and responsiveness across devices<\/li>
  • Ensured alignment with the company\u2019s vision and brand identity<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t
    \n\t\t\t\t<\/div>\n\t\t
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    02<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Objective<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    The main goal of this project was to redesign Mgate\u2019s outdated corporate website<\/span><\/b>. The previous design failed to convey the company\u2019s forward-thinking and professional identity. To reflects the brand\u2019s values and builds credibility, he client requested :-<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
      \n\t\t\n\t\t\t
    • \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t
      <\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t Modern <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t
    • \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t
      <\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t Clear <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t
    • \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t
      <\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t User-Friendly Interface <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t\t
      \n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t
      <\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Low-Fidality<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Wireframe<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Were used in the early stages to quickly visualize layout ideas, plan user flow, and get client feedback without focusing on visual design. They helped validate the structure and content hierarchy before investing time in detailed visuals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      03<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Wireframe & Prototyping<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Developed both low-fidelity wireframes<\/strong> to outline structure and user flow, and high-fidelity<\/strong> interactive prototypes to simulate the final user experience. This helped validate layout decisions and ensure smooth stakeholder alignment before development.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t
      \n\t\t\t\t\t\n\t\t
      \n\t\t\t\"\"\n\t\t\t\"\"\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t
      <\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      High-Fidality<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Prototypes<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      followed once the layout was approved. These included final UI elements like typography, colors, and icons\u2014offering a realistic preview of the final product. They allowed stakeholders to interact with the design, test usability, and align expectations before development.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

      \n\t\t\t\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      04<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Sitemap<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      To enhance navigation and ensure a user-friendly experience, I structured the Mgate Emerging Technologies website with a clear and intuitive sitemap<\/strong>. The parent menus were carefully selected to align with user expectations and corporate communication goals.<\/p>

      The sitemap consists of six main sections:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

      \n\t\t\t\t\t
      \n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      05<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Design System<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t
      <\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Established a consistent and scalable design system to enhance user experience and brand identity :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

      \n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Font<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Typography<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Poppins<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\n\t\t
      \n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\n\n\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t
      Style<\/span><\/th>Weight<\/span><\/th>Size<\/span><\/th>\n\t\t\t<\/tr>\n\n\t\t<\/thead>\n\n\t\t\t\t
      Headline<\/span><\/td>Bold<\/span><\/td>30 px<\/span><\/td><\/tr>
      Menu<\/span><\/td>Regular<\/span><\/td>15 px<\/span><\/td><\/tr>
      Button<\/span><\/td>Bold<\/span><\/td>18 px<\/span><\/td><\/tr>
      Paragraph<\/span><\/td>Regular<\/span><\/td>15 px<\/span><\/td>\t\t\t<\/tr>\n\t\t<\/tbody>\n\n\t\t\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Palette<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Color<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n\n\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Primary 900<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      #20284F<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n\n\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Primary 500<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      #555175<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n\n\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Primary 100<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      #AEAED3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n\n\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Secondary 600<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      #3A9393<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n\n\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Secondary 300<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      #82BAAA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Palette<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Iconography<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n <\/g>\n \n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Integration<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n <\/g>\n \n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n \n \n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Cloud<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n <\/g>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <\/g>\n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Warehousing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n <\/g>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Analytics<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n \n \n <\/g>\n \n \n \n \n \n <\/g>\n <\/g>\n \n \n \n \n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Search<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n \n \n <\/g>\n \n \n \n \n \n <\/g>\n <\/g>\n \n \n \n \n <\/g>\n \n \n \n <\/g>\n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      User<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n \n \n <\/g>\n \n \n \n \n \n <\/g>\n <\/g>\n \n \n \n \n \n \n <\/g>\n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Home<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n \n \n <\/g>\n \n \n \n \n \n <\/g>\n <\/g>\n \n \n \n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Contact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n \n \n <\/g>\n \n \n \n \n \n <\/g>\n <\/g>\n \n \n \n \n \n <\/g>\n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Email<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\r\n\t\t\t
      \r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\n \n \n \n \n \n \n \n <\/g>\n \n \n \n \n \n <\/g>\n <\/g>\n \n \n \n \n \n <\/g>\n <\/g>\n <\/g>\n<\/svg>\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Address<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t\t
      \n\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      05<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Responsive<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      The website is fully responsive, optimized for desktop, tablet, and mobile devices to ensure a seamless user experience across all screen sizes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

      Mgate EmergingTechnologies Redesign Web & Mobile UI\/UX 01 About Project Mgate Emerging Technologies is a corporate solutions provider that helps businesses and governments redefine how they serve connected customers and operate in a digitally connected world. Their website serves as a key platform for presenting their innovative services and professional image to stakeholders. Project Type … Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":11591,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17],"tags":[],"class_list":["post-5631","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-ux"],"acf":[],"_links":{"self":[{"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/posts\/5631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5631"}],"version-history":[{"count":670,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/posts\/5631\/revisions"}],"predecessor-version":[{"id":9310,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/posts\/5631\/revisions\/9310"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/media\/11591"}],"wp:attachment":[{"href":"https:\/\/hafizman.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}