Web Design Projects in GujratWeb Design Projects in Gujrat
Cover image for ICES.com.pk (http://ICES.com.pk) - Corporate Website
ICES.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.
0
23
Cover image for ARC — Clothing Ecommerce with
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.
0
26