Web Design Projects in GujratWeb Design Projects in GujratICES.com.pk (http://ICES.com.pk) - Corporate Website for PEC Registered Govt Contractor | Construction & Solar
Developed ICES.com.pk/ices - A premium corporate website for International Construction & Energy Solution, a PEC Registered government contractor since 2009.
About the Company:
ICES works with Pakistan's biggest institutions: NHA, OGDCL, MOL Pakistan, DHA, C&W, TMA, Public Health & PTB. They deliver Solar Plants, Tunnel Lighting, SCADA Automation, HVAC, Electrical, CCTV, Fire Fighting & Civil Works.
What I Built:
Modern corporate homepage with strong trust signals: "PEC Registered • Government Contractor • Since 2009"
8 Service sections with icons: Solar Projects, Lighting Works, CCTV, SCADA & Automation, HVAC, Electrical, Fire Fighting, Civil Works
Valued Clients section - Infinite logo slider for NHA, OGDCL, DHA etc.
Projects Portfolio section "Projects that move the country forward"
"Why ICES" - 4 USPs (PEC Registered, Quality Assurance, Timely Completion, Experienced Team)
Lead Form: Request a Quotation (Name, Phone, Message) connected to info@ices-pak.com (mailto:info@ices-pak.com)
Fully responsive, fast loading, designed for government tender credibility
My Role: Full Stack Developer + UI/UX - Converted business requirements into a professional website that wins tenders.
Tech Stack: React.js, Next.js 14, Tailwind CSS, Framer Motion, TypeScript, SEO Optimized, Vercel Deployment, Contact Form API
Result: Professional online presence that matches their status as a top government contractor and helps win more tenders. ARC — Clothing Ecommerce with Live AR Try-On
Ecommerce clothing site with a real, browser-based AR fit preview — no app required.
ARC is a premium ecommerce concept designed to redefine online fashion shopping through an interactive, browser-based AR experience. Instead of relying on a mobile application or simulated mockups, shoppers can preview garments on themselves directly from their web browser using their device's camera.
The Live AR Fit Preview allows users to grant camera access, place garments over their live video feed, and adjust the fit by dragging, resizing, and rotating the clothing in real time. Once satisfied, they can capture and download a preview image directly from the browser. All image processing happens locally on the user's device, ensuring privacy and fast performance.
Beyond the AR functionality, ARC delivers a complete modern ecommerce experience with beautifully designed product pages, detailed fabric and care information, persistent shopping cart functionality, smooth page transitions, and responsive layouts across desktop, tablet, and mobile devices. The homepage also features a 3D rotating product carousel built with React Three Fiber to showcase products in an engaging way.
Highlights
• Live browser-based AR clothing preview using WebRTC
• Real-time drag, resize, and rotate garment controls
• Canvas-based image capture and download
• Privacy-first client-side image processing
• Interactive 3D product carousel
• Dynamic product pages with size and color selection
• Persistent shopping cart using React Context & localStorage
• Slide-out shopping bag drawer
• Demo checkout experience
• 17 fully responsive statically generated pages
• Modern animations and premium user experience
Tech Stack
Next.js 14 (App Router)
TypeScript
Tailwind CSS
Framer Motion:
React Three Fiber
drei
WebRTC (getUserMedia)
Canvas API
ARC demonstrates how modern web technologies can deliver immersive shopping experiences directly in the browser—combining performance, interactivity, and elegant UI into a seamless fashion ecommerce platform. I designed and developed a fully responsive 3D vertical-scroll website experience for a local business, focused on creating a more cinematic and premium way to present the brand online.
The project included the complete website build, responsive layout for desktop and mobile, immersive scroll-based visual sections, deployment, hosting setup, and domain connection.
My goal was to go beyond a standard business website and create an interactive experience that feels modern, high-end, and memorable while still keeping the site practical and easy to navigate.
This project demonstrates my work in 3D web experiences, responsive website development, deployment, hosting, and domain setup.