Live Link: mgpl.org

Client: MGPL

Industry: Manufacturing / Industrial Solutions

Goal: To redesign and develop MGPL’s corporate website for a modern, responsive, and high-performance experience, improving brand credibility, lead generation, and user navigation.

Role:

• UX/UI Designer

• Front-End Developer

• Project Coordinator

Tools: Figma, React.js, Tailwind CSS, JavaScript, GitHub, Vercel

Duration :10 weeks (Design: 4 weeks, Development: 6 weeks)

Our Process

1. Research & Audit – Analyzed MGPL’s existing site for performance gaps, navigation issues, and outdated UI patterns.

2. Information Architecture – Created a structured IA to simplify user journeys.

3. Wireframing & Prototyping – Designed low-fidelity wireframes followed by high-fidelity mockups in Figma.

4. UI Design – Developed a modern visual language with corporate blue tones, minimal layouts, and strong CTAs.

5. Development – Built the site using React and Tailwind CSS with optimized code for speed and SEO.

6. Testing & Launch – Conducted browser/device compatibility checks before deployment.

Our Solution

• Fully responsive website optimized for both desktop and mobile.

• Modern UI with consistent branding and improved visual hierarchy.

• Streamlined navigation with clear product/service categorization.

• SEO-friendly structure to improve organic visibility.

• Integrated lead forms and enquiry tracking system.

Impact

• Page load time reduced by 45% compared to the old site.

• Enquiry submissions increased by 30% within the first month post-launch.

• Positive feedback from stakeholders on the site’s professional look and ease of navigation.