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, from the blueprint-grid background to the recreated SVG shield logo to 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