Mion.by — Online Store for Electrical & Lighting Equipment

Project Type: E-commerce Website (WordPress + WooCommerce)
My Role: Full-stack development, theme and plugin customization, performance optimization, UX improvements
Live: mion.by

💡 Project Overview

Mion.by is a Belarus-based B2B/B2C online store specializing in electrical and lighting products — including circuit breakers, LED lighting, panel assemblies, modular equipment, and industrial electrical accessories. The project required not only a solid online storefront but also a flexible admin system for managing complex inventory, pricing models, and technical specifications.

The site was built on WordPress with WooCommerce at its core, but extended heavily with custom plugins and bespoke solutions tailored to the client’s unique business logic.

🎯 Key Objectives

• Develop a scalable, maintainable e-commerce system for industrial product sales
• Ensure the site is user-friendly for both wholesale and retail visitors
• Implement fast and intuitive product filtering across a large catalog
• Optimize for mobile performance, SEO, and long-term content growth
• Give administrators powerful tools to manage products, stock, documents, and pricing

🧱 Platform & Stack

• CMS: WordPress
• E-commerce: WooCommerce (customized)
• Custom Plugins: bespoke product filters, attribute managers, importer tools
• Frontend: HTML5, CSS3 (SCSS), JavaScript, responsive grid system
• Backend: PHP, Woo REST API, WP Cron, custom database queries
• Infrastructure: NGINX, MySQL, GitHub Actions (CI/CD), Redis object cache

🔧 Features Developed

• ⚙️ Advanced Product Filtering: by power, voltage, application type, manufacturer, and other custom taxonomies
• 📄 PDF Datasheets: auto-linked to product specs, downloadable directly from product cards
• 📦 Product Importer: a custom-built tool to update inventory and stock from XLSX/CSV spreadsheets
• 📊 Price Tiers & B2B Logic: wholesale visibility, hidden prices until login, and user roles with custom pricing rules
• 🖼 Media Management: automated image compression, fallback preview icons, gallery with zoom

📂 Website Structure

• Home Page: key product categories, featured selections, search bar
• Product Catalog: nested category trees, filter sidebar, paginated results
• Product Pages: technical info tables, attachments, inquiry or purchase button
• Cart & Checkout: simplified flow with minimal friction and instant validation
• About / Services: info about the company, technical capabilities, delivery, and guarantees
• Contact: webform, address, phone, embedded Yandex/Map + email tracking

🧩 WooCommerce Customization Highlights

• Removed all unnecessary default WooCommerce markup and scripts
• Integrated custom fields for technical specs and extra document uploads
• Replaced standard filters with a smart taxonomy-based filtering engine
• Built lightweight templates for better performance (especially on mobile)
• Enhanced admin UI with metaboxes, validators, and import logs

🚀 Performance & Optimization

• Lazy-loading for images and script assets
• Custom pagination without full page reload (AJAX)
• Object caching via Redis for fast archive page loads
• SEO-optimized URLs, schema.org markup for products
• Optimized critical rendering path, CSS splitting for mobile/desktop

📈 Result

The result is a highly flexible, fast, and professional-looking online store tailored to the needs of an industrial supplier. Admins can manage a growing inventory of products with complex specifications, while users can find what they need quickly — from basic LED fixtures to technical power modules. The custom tools and streamlined WooCommerce base ensure long-term maintainability and scaling without sacrificing speed.

✉️ Want Something Similar?

If you’re looking to build a technical, product-heavy e-commerce website with advanced catalog logic — get in touch.