About Me
I'm a Frontend & WordPress Developer based in Karachi, Pakistan, working remotely with clients worldwide. I build business-ready WordPress websites end to end — from theme setup and Elementor page building to complete WooCommerce stores.
My strength is turning a design into a pixel-accurate, functional page using Elementor, WooCommerce, custom CSS and PHP snippets — solving real layout, performance, SEO and UX problems along the way instead of just dropping in a template.
I have also completed a MERN Stack development course at SMIT, extending my HTML, CSS, JavaScript, Bootstrap and Tailwind foundation with React.js, Node.js, Express.js and MongoDB.
Clean markup, fast-loading pages and interfaces that feel effortless to use — that's the standard I hold every project to.
Skills
WordPress & CMS Development
Elementor / Elementor Pro95%
Frontend & MERN Stack
Tailwind CSS & Bootstrap85%
Projects & Case Studies
Most Recent · WordPress + WooCommerce · Live
Role: WordPress Developer — full build, front to back
Challenge
A restaurant needed a single site handling dine-in, delivery and takeaway: 25+ menu categories, hundreds of items with deal pricing, a live cart, table reservations and a branch-level delivery area — all fast enough to order from on a phone.
Solution
- Modelled the full menu in WooCommerce with 25+ categories (Deals, Halwa Puri, BBQ, Handi, Platters, Beverages and more) and sale pricing on deal items.
- Built a sticky ordering header with delivery-area selector, phone CTA and live cart count so the order stays visible on every page.
- Created a scrollable category pill carousel and an in-menu search so customers reach any dish in one or two taps.
- Added a reservation form, gallery, FAQs and My Account area, and wired WhatsApp for direct order support.
- Styled the entire ordering flow — cards, badges, cart and checkout — in Elementor with custom CSS to match the brand palette.
Result
A working online ordering system rather than a brochure site: customers browse by category, add to cart and check out on mobile without leaving the page, and the restaurant manages the whole menu from the WordPress dashboard.
- WordPress
- WooCommerce
- Elementor
- Custom CSS
- PHP
- Responsive Design
Client Project · WordPress + WooCommerce · Live
Role: WordPress & WooCommerce Developer — custom store build and SEO
Challenge
An international digitizing service sells two very different things — custom quoted work and instant-download design files. Default WooCommerce handled neither well: no free-sample flow, a generic checkout, and no way to present services and products on one coherent site.
Solution
- Rebuilt Cart, Checkout and My Account pages with custom styling so the buying flow matches the brand instead of the default theme.
- Built a free-product download flow with a registration popup, capturing leads while delivering the sample instantly.
- Created responsive Elementor shop and archive templates with category pill navigation and custom product badges driven by PHP snippets.
- Structured service pages (embroidery digitizing, vector art, patch digitizing), a portfolio and a blog around an editorial serif type system.
- Set up on-page SEO with Yoast — titles, meta descriptions, schema and internal linking across services and products.
Result
One site now carries the business end to end: quote requests, service pages and instant-download products, with a checkout customers complete without confusion — serving overseas clients across apparel, uniforms and promotional decoration.
- WordPress
- WooCommerce
- Elementor
- PHP
- Custom CSS
- Yoast SEO
SaaS Marketing Site · WordPress + Elementor · Live
Role: WordPress Developer — multi-page marketing site
Challenge
A SaaS product site has to sell an abstract service. It needed a dark, high-contrast identity, a multi-level menu across features and company pages, comparable pricing tiers, and credibility signals — without the page becoming heavy or hard to read.
Solution
- Built a dark gradient design system with a particle hero, glass-effect badges and gradient CTAs, kept consistent across every page.
- Laid out six feature blocks (automation, content generation, data analysis, predictive insights, chatbot, image processing) and a metrics strip for uptime, data processed and time saved.
- Built a three-tier pricing table (Starter, Professional, Enterprise) with feature comparison that stacks cleanly on mobile.
- Added testimonials, case studies, team and help-center pages behind a two-level dropdown menu, plus a newsletter capture in the footer.
Result
A complete SaaS marketing site — hero to pricing to trial signup — that reads clearly on a dark theme and stays legible on small screens, with every section editable in Elementor by a non-technical owner.
- WordPress
- Elementor
- Custom CSS
- Responsive Design
- Landing Page UX
E-commerce · WooCommerce + Woostify · Live
Role: WooCommerce Developer — storefront and product experience
Challenge
A furniture store mixes high-value physical products with cheap digital downloads, and shoppers browse slowly. It needed a calm, photography-led storefront where a $8 e-book and a $400 bookshelf both look at home, plus the trust signals furniture buyers look for.
Solution
- Built the store on WooCommerce with the Woostify theme and Elementor, using a restrained teal-and-white system so product photography carries the page.
- Set up variable products with price ranges, sale badges and mixed physical plus downloadable product types.
- Added best-selling, featured and all-products sections, wishlist, cart and account flows, and a filtered shop archive.
- Built trust and conversion blocks — free shipping, 24/7 support, 30-day money-back and secure payment badges, customer testimonials and a newsletter discount capture.
- Added a blog for care and styling articles to support organic search.
Result
A complete storefront from landing page to checkout, with a browsing experience that suits considered purchases and a layout that holds together across product types and screen sizes.
- WordPress
- WooCommerce
- Woostify
- Elementor
- Custom CSS
E-commerce · WooCommerce · Live
Role: WooCommerce Developer — promotional storefront build
Challenge
A footwear store runs on discounts. The build had to make sale pricing unmissable across a rotating hero and dozens of products, while keeping category browsing (sports, latest, office) fast — and it had to work on mobile, where most shoe shopping happens.
Solution
- Built a three-slide promotional hero for Sports Shoes, New Arrival and New Sneakers, each with its own offer message and shop link.
- Configured WooCommerce sale pricing so original and discounted prices render together with automatic percentage-off badges on every card.
- Split the catalogue into Featured Items and Best Seller grids with hover-state add-to-cart, plus category entry cards showing a "from" price.
- Added a store-wide offer banner, a service strip (free delivery, secure payment, order discount, 24/7 support), testimonials and a blog feed.
- Built an announcement bar, wishlist/gift and account icons into a compact three-tier header that collapses cleanly on mobile.
Result
A promotion-driven storefront where every discount is visible at a glance, category browsing takes one tap, and the whole catalogue is manageable from WooCommerce without touching the layout.
- WordPress
- WooCommerce
- Elementor
- Custom CSS
- Responsive Design
Education
MERN Stack Development Course (SMIT)
Completed a hands-on course covering React.js, Node.js, Express.js and MongoDB — building full-stack, database-driven web applications from scratch.
Master's Degree · University of Karachi
Graduate study that built a strong analytical and problem-solving foundation, later applied to structured, logic-driven web development.