Mushtariyat.com: High-Performance E-Commerce on DigitalOcean

Overview

When COVID-19 forced the closure of physical retail outlets in early 2020, Maryana Group — traditionally reliant on brick-and-mortar sales — needed an online sales channel, fast. I built Mushtariyat.com, a custom WooCommerce platform on a DigitalOcean infrastructure, spanning full-stack development, server administration, and UX design.

The site scaled to process thousands of orders during the lockdowns. Today it serves 5,000+ monthly visitors with a mobile-first experience optimized for the Oman and UAE beauty market.

---

1. The Challenge: Digital Transformation Under Pressure

Launched in Q2 2020, this project wasn’t about building a website — it was about creating a revenue channel during a global crisis.

Maryana Group carries an extensive catalog of premium cosmetics, skincare, and fragrance brands. The goal was to build an online store that reflected the quality of these products while keeping infrastructure costs under control.

Key Constraints:

• Time to Market: The platform needed to be operational within weeks to capture lockdown-driven online shopping.
• Inventory Complexity: Handling thousands of variable SKUs (shades, sizes, bundles) required a solid database structure.
• Budgetary Limits: Expensive SaaS platforms (like Shopify Plus) were ruled out to keep operating costs low. An open-source, self-hosted approach was the right fit.

---

2. System Architecture & Infrastructure

I skipped shared hosting and built a custom Linux stack on a DigitalOcean Droplet.

Stack: Customer → Cloudflare CDN/WAF → DigitalOcean Droplet (Nginx/PHP-FPM) → Redis Cache + MariaDB.

Infrastructure Deep Dive

• OS & Web Server: Deployed on Ubuntu 20.04 LTS with Nginx as a reverse proxy and web server, configured for WordPress permalinks and static asset caching.
• Processing Power: Upgraded to PHP 8.1 with OPcache enabled for measurable speed improvements over older PHP versions.
• Database: Used MariaDB tuned for the heavy read operations typical of e-commerce catalogs.
• Object Caching: Integrated Redis for in-memory object caching, reducing the database queries needed to render complex product category pages.

---

3. Custom UI/UX Design: Mobile-First Approach

With analytics projecting ~75% to 80% of visitors would access the site via mobile, the design heavily prioritized touch-responsiveness and small-screen layouts.

• Bespoke WordPress Theme: I developed a tailored WordPress theme from scratch using PHP, HTML5, SCSS, and Vanilla JavaScript — no bloated commercial themes, no unnecessary code.
• Frictionless Navigation: A simplified, thumb-friendly bottom navigation bar for mobile users, mimicking native app experiences.
• Optimized Checkout Flow: Redesigned the WooCommerce checkout into a streamlined multi-step accordion to reduce cart abandonment, highlighting trusted local payment gateways and fast shipping options.
• Dynamic Product Filtering: AJAX-powered sidebar filter letting users sort thousands of products by brand, skin type, shade, and price without page reloads.

---

4. Visual Showcase

Project Demo

A short demo showcasing the fluid user interface, AJAX filtering, and dynamic product interaction.

---

5. Security & Edge Protection

Handling customer data and financial transactions requires strict security protocols.

• Edge Security: Deployed Cloudflare WAF (Web Application Firewall) to block malicious traffic, SQL injection attempts, and aggressive bot scraping.
• Server Hardening: Configured UFW Firewall allowing only traffic on ports 80/443, enforced SSH key-only authentication, and implemented Fail2Ban to block brute-force SSH attacks.
• Data Encryption: Enforced HTTPS using automated Let’s Encrypt SSL certificates.
• Automated Backups: Cron-based backup script that encrypts and transfers daily snapshots of the database and media library to an off-site AWS S3 bucket.

---

6. Challenges & Engineering Solutions

Challenge 1: Speed vs. High-Res Media

E-commerce for cosmetics requires high-resolution images to showcase shades accurately, but WooCommerce can become sluggish when loading galleries filled with unoptimized 2MB+ photos.

The Solution: I implemented a multi-layered media optimization strategy. An automated server-side daemon converts all uploaded JPEGs/PNGs into next-gen WebP formats. Static assets (images, CSS, JS) are cached and offloaded to the Cloudflare Global CDN, so users in the UAE and Oman download assets from local edge nodes. This reduced page load time by 65% and improved First Contentful Paint (FCP) significantly, scoring high on Google Core Web Vitals.

Challenge 2: Integration with Local Payment Gateways

Standard plugins for major Western gateways (like Stripe) weren’t optimal for the Omani market, which relies on local debit card networks.

The Solution: I integrated Thawani Pay, Oman’s leading direct payment gateway, via its REST API. This involved writing custom PHP callback handlers to parse and verify Thawani’s encrypted webhook responses, ensuring carts were marked as ‘Processing’ instantly upon successful local bank deduction.

---

7. Performance & Business Impact

Since its launch, Mushtariyat.com has grown from an emergency response into a primary revenue driver for the Maryana Group.

• Traffic: Organically scaled to handle over 5,000 monthly active users, establishing a strong digital footprint.
• Cost Efficiency: By using open-source technologies and a $20/month DigitalOcean VPS instead of a $2,000/month Shopify Plus instance, the company achieved strong profit margins.
• Reliability: Maintained 99.9% uptime during major regional sales events (White Friday, Eid Al-Fitr promotions).
• Local Market Fit: Combined localized design, native payment integration, and fast load times to establish Mushtariyat as a competitive beauty e-commerce destination in the region.