A premium WooCommerce fashion store for Maaleen, a clothing brand targeting both Bangladesh and Australia markets. Built on a custom in-house WordPress theme with a fully custom Elementor design, the project included a custom checkout page, side cart, mobile-optimized product sliders, collections page, size guide, announcement bar, and two rounds of detailed client revisions covering design, UX, and functionality across the full store.
Maaleen — Premium Fashion E-Commerce Store
Overview
Maaleen is a premium fashion brand operating across Bangladesh and Australia, requiring a complete custom WooCommerce store built to the standard of high-end fashion e-commerce references. The project was built on the custom in-house Maaleen WordPress theme with a fully custom design, drawing visual direction from reference sites ilyn.global and taharofficial.com — incorporating custom checkout, side cart, mobile-first product experiences, and a tailored brand color palette and typography system.
The Challenge
The project required delivering a premium fashion store experience with a high level of design and interaction detail. Key challenges included:
- Establishing a cohesive luxury brand aesthetic using a custom color palette and a bespoke display font — Dream Avenue Regular
- Designing a custom checkout page and side cart matching the visual standard of the reference sites
- Implementing mobile-specific product experiences — offset product sliders, image sliders per card, and two-column product grids
- Building a collections page, size guide, and announcement bar for pre-order availability
- Configuring dual payment methods — bKash for Bangladesh and PayPal for Australia
- Completing two rounds of detailed client revisions covering design, layout, UX, and responsiveness
Scope of Work
- Store Pages — Home, Shop, Collections, Product Detail, Cart, Custom Checkout, Login, Sign Up/Create Account, Support pages with sidebar menu
- Brand System — Custom color palette (#C59E75, #370007, #FFEFE1) and Dream Avenue Regular font applied globally
- Payment Methods — bKash for Bangladesh, PayPal for Australia
- Custom Features — Side cart, custom checkout, size guide, announcement bar, popup, collections page
Development Process
Design System & Theme Setup
The store was built on the custom Maaleen WordPress theme — an in-house theme developed for clean WooCommerce integration. The brand color palette and Dream Avenue Regular display font were configured globally, establishing a warm, premium visual identity consistent across all pages. Visual direction was drawn from ilyn.global and taharofficial.com as primary references.
Homepage & Product Sections
The homepage was designed with a layout inspired by the client's mockup and references — featuring a product slider showing 3 items on desktop and a mobile-optimized offset slider showing 1 full product with 2 partial side products. The collections section, featured products, and a "Stay Tuned" video section with a YouTube embed were included. An announcement bar was added below the header displaying pre-order availability messaging for the Australia market.
Shop & Product Pages
The shop page was configured to show 2 products per row on mobile with per-card image sliders matching the Tahar reference. Size variation was hidden on mobile. The product detail page featured an image slider, a below-gallery image slider, a size guide, and a "You May Also Like" section with scaled-down heading on mobile. On add-to-cart, a side cart opens rather than redirecting to the cart page. WooCommerce notice colors were updated and borders replaced with shadows. Cart item card backgrounds were updated to cream with border/shadow treatment and the checkout button was styled to match the custom checkout page.
Custom Checkout Page
A fully custom checkout page was designed matching the Tahar reference — including product thumbnail display in the order summary and a clean, brand-consistent layout.
Collections Page
A dedicated collections page was created with sale highlighting styled after the Tahar reference. Mobile responsiveness issues on the collections page were identified and resolved in the second revision round.
Navigation & Header
A fixed header on scroll was implemented. A full-width side menu was added for mobile navigation from the header. Navigation was positioned below the header as per the Tahar reference. Modern icons were applied throughout the interface.
Login & Account Pages
The login page style was updated referencing the Tahar design. A sign-up and create account page was added to the store.
Popup
A homepage-only popup was implemented referencing the KingpinPlay design, showing 3 items on desktop view.
Revision Rounds
Two structured revision rounds were completed. The first round covered button sizing and color, image height adjustments, nav positioning, spacing corrections, sidebar menu for support pages, fixed header, collections page, icon updates, line height, image slider behavior, size guide, WooCommerce notice styling, cart card design, color corrections, alignment fixes, mobile product slider, mobile side menu, shop page mobile layout, product card image slider, and side cart behavior. The second round addressed mailing setup requirements, variant-wise inventory management, the announcement bar, collections page mobile responsiveness, homepage collection image aspect ratio on mobile, and product slider full-width display on mobile.
Key Features
- Custom Maaleen Theme — Proprietary in-house WordPress theme for clean WooCommerce integration
- Custom Checkout Page — Fully designed checkout with product thumbnails in order summary
- Side Cart — Opens on add-to-cart across the store
- Mobile-First Product Experience — Offset sliders, two-column grid, per-card image sliders, hidden size variation on mobile
- Dual Payment Methods — bKash for Bangladesh, PayPal for Australia
- Collections Page — Dedicated collections page with sale highlighting
- Size Guide — Added to product pages referencing the Tahar standard
- Announcement Bar — Pre-order availability messaging below the header
- Dream Avenue Regular Typography — Custom display font applied globally for brand distinction
- Two Revision Rounds — Comprehensive design, UX, and responsiveness revisions across the full store
Result
A fully custom, premium WooCommerce fashion store for Maaleen — built on the proprietary Maaleen theme with a luxury brand design system, custom checkout, side cart, mobile-optimized product experiences, dual payment gateways for two markets, and two thorough revision rounds, delivering a high-end fashion e-commerce experience for a brand launching across Bangladesh and Australia.