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

WordPress Development95%
Elementor / Elementor Pro95%
WooCommerce95%
Theme Customization90%
Plugin Integration90%
Custom PHP Snippets80%
WordPress SEO85%
WordPress Performance80%

Frontend & MERN Stack

HTML5 & CSS395%
JavaScript (ES6+)80%
React.js70%
Node.js & Express.js65%
MongoDB65%
Tailwind CSS & Bootstrap85%

Projects & Case Studies

Zestora restaurant website homepage screenshot showing the delivery location bar, breakfast promotion slider and horizontal food category carousel

Most Recent · WordPress + WooCommerce · Live

Zestora — Restaurant & Online Food Ordering

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
Stitch To Art homepage screenshot with editorial serif headline for embroidery digitizing and vector art, call-to-action buttons and delivery statistics

Client Project · WordPress + WooCommerce · Live

StitchToArt — Embroidery Digitizing & Vector Art Store

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
Optivio SaaS website screenshot with a dark blue particle hero, the headline Smarter AI Tools For Better Decisions and Get Started and View Features buttons

SaaS Marketing Site · WordPress + Elementor · Live

Optivio — AI SaaS Platform Website

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
Couchly furniture store homepage screenshot with a teal and white layout, an armchair and plant hero image and the headline Quality Furniture For Every Room

E-commerce · WooCommerce + Woostify · Live

Couchly — Sustainable Furniture Store

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
Shome footwear store homepage screenshot with a free-shipping announcement bar, red navigation strip and a full-width sports shoe hero image

E-commerce · WooCommerce · Live

Shome — Footwear & Sneaker Store

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.

What's next?

Get In Touch

Have a project in mind or just want to say hi?
Feel free to send me a message.

Please enter your name.
Please enter a valid email address.
Please add a subject.
Please write a short message.