Freelancers using CSS in PunjabFreelancers using CSS in Punjab
ProjectsPeople
Muhammad Sowban's avatar
Muhammad Sowban
proSector X Lahore DHA, Pakistan
AI CRM, Automation & Webflow Developer
$10k+
Earned
2x
Hired
5.0
Rating
26
Followers
AI CRM, Automation & Webflow Developer
Cover image for True Comfort Website Redesign
True Comfort Website Redesign
0
10
Cover image for Clothing & Fashion
Clothing & Fashion
0
28
Cover image for DealerIQ | AI CRM & Automation for Dealerships
DealerIQ | AI CRM & Automation for Dealerships
0
0
Cover image for ReliaBee
ReliaBee
0
9
CSS(2)
Hamza Mughal's avatar
Hamza Mughal
proLahore, Pakistan
Digital Product Designer: Figma, Webflow, Framer & Kajabi
5.0
Rating
19
Followers
FRAMER_EXPERT

expert

Digital Product Designer: Figma, Webflow, Framer & Kajabi
Cover image for Global Webflow Development for Sorted Wallet
Global Webflow Development for Sorted Wallet
2
9
Cover image for Napto Digital Agency Website Redesign
Napto Digital Agency Website Redesign
1
14
Cover image for Health-Tech Website Transformation
Health-Tech Website Transformation
1
10
Cover image for This project is a professional
This project is a professional agency website designed and developed in Framer for Lamp Digital. The goal was to create a clean, modern, and responsive website that effectively showcases the agency’s identity, services, and expertise. Using Framer, I crafted a visually balanced layout with strong section hierarchy, clear service descriptions, and engaging visual elements. The design emphasizes readability, brand presence, and smooth navigation to guide visitors toward key calls to action. The site is fully responsive on desktop and mobile and includes clean typography, strategic spacing, and a modern aesthetic suitable for digital agencies and creative brands.
1
120
CSS(3)
shumaila anwer's avatar
shumaila anwer
proNankana Sahib, Pakistan
Webflow & Shopify Developer | Brand Identity & 3D Visual
23
Followers
Webflow & Shopify Developer | Brand Identity & 3D Visual
Cover image for Ever wonder why Amazon converts
Ever wonder why Amazon converts at such a staggering rate? It all comes down to the ruthless efficiency of their Product Detail Page (PDP). An expanding e-commerce food brand came to me with a clear mission: they wanted that Amazon-level structure to build trust, highlight benefits, and streamline their buying flow. Their existing setup was struggling under the weight of complex product descriptions, multiple variants, and a clunky subscription UI. The Roadblocks Reorganizing massive amounts of product data without shattering their existing theme was the first major hurdle. The client also desperately needed the equivalent of Amazon's visual "A+ Content" modules and dedicated trust signals, which their default theme completely lacked. To top it off, their subscription app's out-of-the-box layout was actively introducing friction. The Overhaul Custom Liquid Architecture: I engineered a highly structured, reusable product page template built to handle dense information cleanly. The Ultimate Buy Box: I completely redesigned the purchase area to clearly separate "One-Time Purchase" from "Subscribe & Save." I wrote custom CSS to override the subscription app's messy default UI, making the choice intuitive and seamless. Visual Conversion Boosters: I integrated custom blocks for Trust Badges and punchy bullet-point USP sections right above the fold so customers instantly see the value. Frictionless Checkout: I replaced the standard, multi-step cart page with a sleek iCart slide-out drawer, which drastically improved the mobile conversion funnel. The final result is a PDP that doesn't just look on-brand—it works incredibly hard. Customers now get a clear, trustworthy, and wildly smooth path to purchase from the second they land on the page. What is the single biggest feature on a product page that makes you instantly trust an e-commerce brand? Drop your thoughts below—I’m always looking to test new conversion drivers! 👇
0
32
Cover image for High CPA and abandoned carts?
High CPA and abandoned carts? Here’s how I fixed a high-volume Shopify store's mobile UX in just 48 hours. 🚀 The Challenge Heatmap data revealed a frustrating reality: mobile users were highly engaged but overwhelmed. Cluttered UI elements, mixed signals, and a hidden Add-to-Cart path were causing massive drop-offs right before checkout, leading to an unsustainable Cost Per Acquisition (CPA). The Solution I implemented a strict, data-driven 48-hour Conversion Rate Optimization (CRO) sprint to systematically identify and eliminate buying friction. Sprint 1 Execution: Decluttered the UI: Consolidated multiple distracting announcement bars into a single, clean message to reduce cognitive load. Boosted Speed: Optimized image load times to ensure lightning-fast mobile browsing and keep users engaged. Streamlined Purchasing: Built and deployed a persistent "Sticky Add-to-Cart" bar, keeping the primary action visible at all scroll depths. The Result By removing visual distractions and making the purchase path entirely frictionless, we successfully pushed more users deeper into the checkout funnel, lowering the CPA and recovering lost revenue. Are mobile drop-offs hurting your bottom line? Send me a message and let's map out a customized CRO sprint for your storefront.
3
0
56
Cover image for Ever tried building a high-converting
Ever tried building a high-converting "Buy 1, Get 2 Free" offer on Shopify without relying on clunky, multi-step popups? 🤔 Recently, a client wanted a frictionless, premium "Build Your Custom Set" experience on a single landing page. The catch? We needed strict margin-protection logic to prevent offer abuse. The Challenge: Stop customers from bypassing rules (like adding three expensive rings instead of the intended 1 Ring, 1 Bracelet, 1 Pouch combo) while keeping the entire flow on one page. The Solution: I engineered a custom one-page UI with a dynamic, sticky "Your Bundle" summary. Using custom JavaScript validation, categories instantly lock once an item is selected—forcing the exact required combination before the Add-to-Cart button activates. The Result: A flawless, high-converting premium bundle experience that fully integrates with Shopify's native automatic discount engine. The merchant's profit margins are protected, and the customer gets a seamless shopping experience. Looking to upgrade your store's custom UI and conversion rate? Check out the full project details on my profile and let's chat! 👇
0
47
Cover image for Pixel-Perfect Amazon Homepage UI Clone
Pixel-Perfect Amazon Homepage UI Clone | Pure HTML5 & CSS3 I recreated the entire layout structure of Amazon’s desktop homepage using vanilla HTML5 and CSS3—focusing on responsive design, modern layout techniques, and strict adherence to brand design specifications. Key Technical Highlights: CSS Grid & Flexbox Architecture: Structured complex multi-column product cards, promo banners, and multi-tier grids without relying on external UI frameworks. Complex Navigation & Search UI: Built a full-width header featuring a nested search bar, dynamic category dropdowns, account controls, and cart counters. Modular Card Components: Engineered reusable CSS classes for varied product showcases, including 4-tile grid cards, single-item banners, deal listings, and horizontal scroll containers. Cross-Browser Styling & Reset: Implemented custom box-sizing and CSS custom variables to ensure consistent spacing, font hierarchy, and color palettes across browsers. Footer & Links System: Built a multi-tier site footer with full alignment accuracy and background styling matching the original Amazon desktop experience. Tech Stack Used: HTML5 (Semantic Markup) CSS3 (Flexbox, CSS Grid, Custom Properties) Tips for Maximum Reach on Contra: Select Relevant Tags: Add tags like HTML5, CSS3, Front-End Development, UI/UX Design, Web Development, and Responsive Design. Include Assets: Upload high-resolution screenshots showing close-ups of the navigation bar, product grid cards, and footer sections alongside the full-page preview. Add a Live Demo Link: If you have GitHub Pages or Vercel hosting the code, include the live link so clients can inspect your code quality firsthand.
0
36
CSS(7)
Sannan Abbasi's avatar
Sannan Abbasi
Rawalpindi, Pakistan
SaaS| Browser Extension Developer| Save Time with automation
New to Contra
SaaS| Browser Extension Developer| Save Time with automation
Cover image for Description Pro Productivity is a Chrome
Description Pro Productivity is a Chrome extension designed to help users understand and improve their online habits. The extension automatically tracks the time spent on each website, providing detailed insights into daily browsing behavior. Users can create tasks, set focus timers, and receive reminders to stay productive throughout the day. The extension features real-time website activity tracking, task management, focus alarms, and productivity analytics in a clean and intuitive interface. By visualizing browsing patterns and tracking task progress, users can identify distractions, manage their time more effectively, and build better productivity habits. Key Features ✅ Website Time Tracking Automatically tracks time spent on every website. Displays real-time browsing activity. ✅ Task Management Create and manage productivity tasks. Monitor active and completed tasks. ✅ Focus Timers & Alarms Set custom focus sessions. Receive alerts when task timers expire. ✅ Activity Dashboard View browsing history and usage statistics. Analyze productivity trends over time. ✅ Clean User Interface Modern dark-themed design. Easy-to-use and distraction-free experience. Technologies Used React WXT Framework JavaScript Chrome Extension APIs Local Storage HTML5 CSS3 Problem Solved Many users underestimate how much time they spend online. Pro Productivity provides clear visibility into browsing habits while helping users stay focused on important tasks through time tracking and smart reminders. Results The extension enables users to: Track online activity accurately. Reduce distractions. Improve time management. Increase productivity through focused work sessions. Gain valuable insights into their daily digital behavior. Role: Full-Stack Chrome Extension Developer Project Type: Productivity & Time Management Tool Platform: Google Chrome Extension
1
40
Cover image for PromptVault AI is a Chrome
PromptVault AI is a Chrome extension I built that helps users generate, save, organize, and reuse high-quality AI prompts in seconds. The extension uses a guided question workflow where users answer a few simple questions and the AI crafts perfect prompts tailored to their specific needs. Key features I developed: AI-powered prompt generation for content creation, code generation, data analysis, and problem solving Guided multi-step question workflow to capture user intent Prompt Library & Storage to save and organize prompts One-click copy to use prompts anywhere instantly Keyboard shortcut support (Ctrl/Cmd) for power users Clean sidebar UI that works on any webpage Secure, private, and fast — no data leaves the browser Tech stack: React, JavaScript, Chrome Extension APIs, AI API integration, HTML/CSS
1
41
Cover image for PageMind AI is a Chrome
PageMind AI is a Chrome extension I built from scratch that brings AI-powered browsing capabilities directly into the browser. The extension allows users to interact with web page content using AI, summarize pages, ask questions, and get instant explanations without leaving the tab. Key features I developed: AI chat integration that understands and responds to page content Clean, responsive extension UI built with React and JavaScript Session tracking with counters for messages and interactions Sidebar panel that opens within any webpage seamlessly Secure and optimized for fast, lightweight performance Tech stack: React, JavaScript, Chrome Extension APIs, AI API integration, HTML/CSS
1
46
Cover image for Developed an automated trading bot
Developed an automated trading bot for Pocket Broker that enables users to customize key trading parameters such as trade duration and investment amount. The system executes trades in real time based on user-defined inputs, reducing the need for constant manual interaction. The bot is built with a focus on automation, consistency, and user control. It continuously monitors trading activity and operates according to predefined logic, helping streamline the execution process and improve efficiency. This project highlights my ability to design and build intelligent automation systems, handle real-time workflows, and create user-focused solutions with customizable controls.
1
47
CSS(3)
Yasir Ihsan's avatar
Yasir Ihsan
Rawalpindi, Pakistan
Expert Website Designer: Boost Your Online Presence
Expert Website Designer: Boost Your Online Presence
Cover image for WordPress Website Design
WordPress Website Design
0
9
Cover image for Squarespace website design and development
Squarespace website design and development
0
14
Cover image for Dr. Calvin McDowall | Website Design & Development
Dr. Calvin McDowall | Website Design & Development
0
13
Cover image for Point Research & Marketing Agency | Custom website design
Point Research & Marketing Agency | Custom website design
0
8
CSS(4)
Hamza Sadiq's avatar
Hamza Sadiq
proLahore, Pakistan
Design & Dev Replo, Shopify, Framer, or Custom!
$25k+
Earned
19x
Hired
5.0
Rating
69
Followers
REPLO_EXPERT

expert

Design & Dev Replo, Shopify, Framer, or Custom!
Cover image for Arbor | Designed & Developed PDP in Replo
Arbor | Designed & Developed PDP in Replo
0
19
Cover image for Ryker Clothing | Bundle PDP Developement & Homepage Optimization
Ryker Clothing | Bundle PDP Developement & Homepage Optimization
0
73
Cover image for Shop System | Landing Page in Replo with advanced features
Shop System | Landing Page in Replo with advanced features
0
40
Cover image for Cometeer | Bundle Sections from Figma to Replo
Cometeer | Bundle Sections from Figma to Replo
0
22
CSS(1)