ERA By SAF – E-commerce Platform

Home ERA By SAF – E-commerce Platform

Status

Type

E-commerce

Duration

2 Months

Project Overview

Era by Saf is a women’s fashion e-commerce website designed and developed for a Sri Lankan clothing brand. The primary goal of the project was to create a high-performance, secure, and scalable online store that supports local and international customers, while delivering a smooth and elegant shopping experience tailored specifically for women.

The platform focuses on limited collections, pre-orders, bundle offers, and country-based pricing, all while maintaining fast load times and strong server-side performance.

Project Scope

1. Designing a clean, feminine, and conversion-focused UI.

2. Developing a fully functional WooCommerce store.

3. Implementing country-based currency switching.

4. Restricting shipping and checkout behavior based on products.

5. Optimizing server performance and caching.

6. Securing sensitive files and server configurations.

7. Preparing the platform for high traffic during collection launches.

Journey

The project began with understanding the brand’s identity, elegant, modern, and feminine, and translating that into a digital shopping experience.

Initially, the focus was on building the store using WordPress and WooCommerce, followed by progressively enhancing performance and user experience. As the store grew, advanced requirements emerged, such as:

- Pre-orders available only for registered users.
- Product-specific shipping restrictions.
- Dynamic currency switching at checkout.
- High server load during traffic spikes.
- Security alerts raised by WordFence.

Each challenge pushed the project beyond a simple WooCommerce setup into a custom-optimized e-commerce solution, involving server tuning, custom PHP logic, JavaScript-based checkout manipulation, and cache optimization.

Key Features

Custom WooCommerce Store

1. Fully customized WooCommerce setup for women’s fashion

2. Clean product pages with optimized checkout flow

Country-Based Currency Switching

1. Automatic currency switching between LKR and USD

2. Checkout URL dynamically updates using ?wmc-currency=

3. Country selection remains consistent after page reloads

Product-Based Shipping Restrictions

1. Certain products are restricted to Sri Lanka only

2. Checkout country dropdown dynamically adjusts based on cart contents

Pre-Orders for Registered Users

1. Selected collections available only to logged-in users

2. Guest users are guided to register to access pre-orders

High-Performance Caching Setup

1. LiteSpeed Cache properly configured with redis object caching

2. Resolved cache conflicts caused by multiple cache plugins

3. Server load significantly reduced after cache optimization

Security Enhancements

1. Protected sensitive files

2. Hardened file permissions

3. 2FA for Administrators

Technology Stack

Frontend

1. Elementooor

2. Custom CSS

3. Vanilla JavaScript

Backend

1. WordPress CMS

2. WooCoommerce

3. PHP

Database

1. MySQL

Infrastructure

1. KVM VPS

2. FastPanel server control panel

3. PHP-FPM Workers

4. LiteSpeed Web Server

5. Cloudflare DNS & Protection

Performance & Security

1. LiteSpeed Cache

2. WordFence Security

3. Object Caching

5. PHP-FPM Worker Optimization

Challenges & Lessons

Challenges

1. CPU usage spiked to near 100% when multiple users accessed the site simultaneously.

2. Checkout Country & Currency Sync Issues.

3. Public access to sensitive files triggered security alerts.

4. Default WooCommerce does not support product-specific shipping country logic.

Lessons

1. Identified cache conflicts, removed redundant cache plugins, optimized LiteSpeed caching, and tuned PHP workers.

2. Implemented URL parameter handling to ensure consistent state after reloads.

3. Applied server-level file restrictions, corrected permissions, and ensured WordPress access remained unaffected.

4. Custom PHP and JavaScript logic was implemented without relying on additional plugins.

Gallery

The End...