← All projects
WordPress

MGS Insurance

MGS Insurance screenshot
ROLE
Full-Stack Developer
TECH STACK
WordPressDiviAdobe XDPHPCSSJavaScript

Overview

Developed the official MGS Insurance Agency website in WordPress, based on an approved Adobe XD mockup. The project focused on translating the visual design into a modern, responsive website that clearly presents MGS Insurance's non-life insurance products and services. The website was structured to help visitors easily explore different insurance offerings, understand coverage and requirements, and request insurance quotations.

Custom Web Development

  • Developed the website in WordPress, implementing the approved Adobe XD design.
  • Converted the mockup into responsive WordPress pages while maintaining the intended visual design and branding.
  • Built structured pages for various insurance products, including Motor Car, CTPL, Fire, Personal Accident, CGL, Travel, Bond, Marine, Aviation, Pet Care, and Engineering Insurance.
  • Created detailed insurance product pages with organized sections for coverage, benefits, requirements, procedures, and other relevant information.
  • Developed Get a Quote call-to-action sections to encourage potential customers to request insurance quotations.
  • Implemented contact and inquiry forms for customers to communicate directly with the insurance agency.
  • Created structured content layouts for insurance information, making detailed and technical content easier for visitors to navigate.
  • Developed news and article sections for publishing insurance-related content and educational resources.
  • Implemented SEO-friendly page structures, headings, metadata, and optimized images.
  • Customized page elements using CSS and JavaScript where needed to match the approved design and improve functionality.

Responsive Design

  • Optimized the website for desktop, tablet, and mobile devices.
  • Created responsive layouts for product information, quote sections, forms, and content-heavy pages.
  • Adjusted typography, spacing, images, and navigation for different screen sizes.
  • Maintained consistent branding and visual hierarchy throughout the website.
  • Ensured insurance information remained easy to read and navigate on smaller screens.
  • Tested pages across modern browsers and devices for compatibility and usability.
CONTACT

Let's build something

Open to freelance projects, full-time opportunities, and interesting collaborations. Drop me a line — I'd love to hear what you're working on.

nabongjudithann@gmail.com