D-Pikano Global Resources Ltd

Overview

D-Pikano needed a site that could win trust from serious institutional clients — factories, hospitals, malls, and government facilities hiring for fire fighting systems, HVAC, lift installation, and industrial plumbing. I built this one as a fully static, hand-coded HTML, CSS, and Tailwind site: no template, no page builder. Every section — the blueprint-grid background, the recreated SVG shield logo, the diagonal brand accent — was written and positioned by hand.

The Challenge

The company had years of real completed projects but no organized photography to prove it, a logo that only existed as a low-res image, and needed a working quote-request pipeline rather than a static contact page. On mobile, the project grid was overflowing horizontally, and the quote page's text was washing out against its background.

The Solution

I extracted, cleaned, and organized real project photography across eight completed jobs — malls, hotels, laboratories, a brine plant, food processing facilities — so every claim on the site is backed by actual work. I rebuilt the DPG shield mark as a crisp SVG logo, fixed the mobile overflow bug with a targeted min-width fix on the grid and flex containers, hardcoded a solid dark navy background on the quote page to fix contrast, and wired a live quote-request form to a real form backend so leads actually reach the business.

Key Features

• Live quote-request form connected to a real backend
• Real project photography across eight completed jobs
• Custom SVG brand mark and blueprint-grid visual language
• Fully responsive layout, debugged down to small mobile screens

Gallery