Shopify & WordPress Stores Built to Convert.

I build fast, responsive storefronts optimized to lower bounce rates and maximize checkout revenue. Read my success stories →

Get a Free Website Audit
Nitish Portrait

Selected Case Studies

I engineer custom Shopify and WordPress storefronts designed around real-world performance: passing Core Web Vitals, eliminating app bloat, and maximizing checkout conversions.

Faster Mobile Load Times via Smarter Image Delivery

Default platform image optimization still left heavy assets bottlenecking mobile load times. By overhauling how media was handled, I cut image payloads by up to 80%.

  1. Modern Formats: Converted legacy assets to lightweight WebP files.
  2. Responsive Sizing: Configured srcset rules to serve exact screen-sized images instead of desktop files to phones.
  3. Lazy Loading: Deferred off-screen media so above-the-fold content renders immediately.
  4. CSS Replacements: Replaced unnecessary decorative images entirely with pure CSS and lightweight SVG code.

Read the full image optimization breakdown →

Eliminated Shopify Grunt Work with Reusable Metaobjects

Manually copying shared ingredient lists across dozens of products is slow, tedious, and prone to error. By automating how product data was structured, I turned days of repetitive grunt work into a two-hour fix.

  1. Metaobject Architecture: Defined a central "Ingredient" metaobject storing individual images, descriptions, and feature tags as structured data.
  2. Product Metafields: Linked products dynamically to a list of ingredient entries instead of hardcoding text into theme blocks.
  3. Automated Frontend Rendering: Built a dynamic Liquid section that pulls and displays linked ingredients everywhere they appear from a single source of truth.

Read the full Shopify automation breakdown →

Plugins and Libraries

NeatU

An ultra-lightweight, mobile-first CSS framework designed to eliminate stylesheet bloat and render responsive layouts quickly.

NeatU Framework Elements

Key Features:

  1. Zero-Bloat Layout Engine: Lightweight flexbox grid system providing maximum responsiveness with minimal class overhead.

  2. Modular SCSS Core: Fully customizable build architecture enabling developers to compile only the exact components needed.

  3. Native UI Utilities: Pre-built accessible primitives for navigation, tabs, modals, and buttons ready out of the box.

Visit the NeatU homepage to explore the framework.

Check out the source code on GitHub.

Colorful

A zero-dependency JavaScript library for color space manipulation, programmatic palette generation, and format conversion.

Colorful Library Homepage

Key Features:

  1. Bi-Directional Parsing: Fast conversions across HEX, RGB, RGBA, HSL, and HSV formats without external libraries.

  2. Dynamic Palette Generation: Computes complementary, analogous, and triadic schemes for automated UI theming.

  3. Perceptual Contrast Tuning: Functions for brightness, saturation, and WCAG accessibility contrast checks.

See the library in action.

View the source code on GitHub.

Published Articles

Leading tech platforms rely on my technical writing to break down complex full-stack engineering, performance optimization, and web architecture. Featured publications include SitePoint, Envato Tuts+, and Melapress.

Melapress

Fix "Error Establishing a Database Connection" in WordPress

In this guide, we will walk you through some troubleshooting steps to help get your website working again.

Melapress

How to secure the WordPress wp-config.php configuration file

In this tutorial, we will explain how to protect this important WordPress configuration file.

Melapress

How to Change or Reset a WordPress Password: 6 Methods

WordPress website owners who find themselves locked out of their website should find these password reset methods helpful.

SitePoint

A Guide to the Auto-Placement Algorithm in CSS Grid

In this tutorial, I'll be going over all the steps the auto-placement algorithm of the CSS Grid Layout module follows when positioning elements.

SitePoint

Seven Ways You Can Place Elements Using CSS Grid Layout

In this article, we are going to learn seven ways in which you can place elements in a web page using the Grid Layout module.

SitePoint

How to Order and Align Items in Grid Layout

In this tutorial, you will learn how to control the order in which items are placed using the Grid Layout module.

Envato Tuts+

How to Wait in JavaScript

In this tutorial, you will learn about different methods and concepts that you can use to wait, and when you should use each one.

Envato Tuts+

Inserting Text, HTML, or Elements at Adjacent Positions Using JavaScript

This tutorial will show you how to insert text, HTML, or elements at adjacent positions using JavaScript.

Envato Tuts+

How to Create and Edit PDF Documents in Python

In this tutorial, our focus will be on creating and editing PDF documents. Let's get started.