DJ Shipping
A conversion-focused marketing site for DJ Shipping — a licensed freight forwarder operating since 1999. The brief: take 25 years of offline, relationship-driven logistics credibility and turn it into a fast, modern site that wins quote requests.
01 — Overview
The project
DJ Shipping is a licensed freight-forwarding and customs-clearance company that has moved cargo across Pakistan and worldwide since 1999. They had decades of trust but no web presence that reflected it. I designed and built their marketing site: a single, fast-loading page that walks a prospective shipper from the headline promise (“25 Years of End-to-End Supply Chain Reliability”) through the three core services, the specialised-cargo expertise, a nationwide office network and a hard-numbers track record — all funnelling toward one action: Request a Quote.
Role
Timeline
Stack
02 — Context
Problem & approach
The problem
Freight forwarding is a high-trust, offline business won on relationships and references — but multinational shippers increasingly vet partners online first. DJ Shipping's credibility (a zero-lapse customs licence since 1999, 100,000+ shipments, IATA / PIFFA / JC TRANS accreditation) was invisible on the web. The site had to communicate scale and compliance instantly to a sceptical B2B buyer, make a dense service catalogue scannable, and convert that trust into quote requests — while staying fast on the patchy mobile connections common in the target market.
My approach
I built a single-page, conversion-first site with a clear narrative arc. I designed a navy-and-amber design system that reads as serious and logistics-grade, then structured the page so each scroll answers the buyer's next question: what they do (three service pillars), how they're different (specialised-cargo expertise for textiles, surgical goods, FMCG and project cargo), where they operate (an interactive map of five offices on Pakistan's trade corridors), and why to trust them (a stats band — 25 years, 100,000+ shipments, 180+ countries, 1-business-day quotes, accreditations). Persistent “Request a Quote” and WhatsApp CTAs keep the next step one tap away. Scroll-triggered reveals and small touches like a live-corridor ETA widget add polish without bloating the page, and everything is responsive and tuned for fast first paint, deployed on Vercel.
03 — Showcase
A closer look
04 — Capabilities
Key features
Conversion-first single page
Three service pillars
Interactive network map
Specialised-cargo section
Trust & proof band
Quote & WhatsApp funnel
05 — Contribution
My role
As Frontend Engineer, here is exactly what I owned and delivered on this project.
- Designed the navy-and-amber, logistics-grade visual identity and the full page layout from scratch.
- Built the conversion-first single-page narrative with always-accessible quote CTAs.
- Built the interactive nationwide network map highlighting the five regional offices.
- Implemented animated service, specialised-cargo and stats sections with scroll-triggered reveals.
- Made the whole site responsive and tuned it for fast first paint on mobile.
- Deployed and hosted the site on Vercel.
06 — Engineering
Challenges I solved
Challenge
Establishing instant credibility for a high-trust B2B service to a sceptical buyer.
Solution
Led with the 25-year promise and surfaced concrete proof early — a stats band (100,000+ shipments, 180+ countries) and accreditation logos — so trust is communicated before the buyer even reaches the services.
Challenge
A dense catalogue of services, sectors and locations risked overwhelming visitors.
Solution
Structured everything into a single guided scroll where each section answers the buyer's next question, and turned the office network into an interactive map instead of a wall of text.
Challenge
Rich motion and full-bleed imagery can wreck load time on patchy mobile networks.
Solution
Kept it a single optimised page with compressed hero imagery, scroll-triggered (not upfront) animations and a layout tuned for a fast first paint.
07 — Toolbox
Built with
08 — Impact