Initux Software Limited

Diniart

A Selfeb-powered storefront for Islamic calligraphy, custom signs, LED mirrors, and contemporary home decor.

Visit live product

01 Project overview

Diniart is a Bangladesh-focused retail storefront powered by Selfeb. It presents a broad, highly visual catalog spanning Islamic calligraphy, home decor, ceramic mugs, customized business logos and door nameplates, and LED smart mirrors. The experience pairs category-led discovery and promotional merchandising with detailed product pages, size and color choices, quantity controls, cart and buy-now actions, WhatsApp ordering, and cash-on-delivery support across Bangladesh.

My role

I developed Diniart as one of more than 10 reusable, conversion-focused storefront templates delivered for Selfeb. My work focused on translating a decor brand with varied and customizable products into a responsive shopping experience, then connecting its catalog, product options, cart, checkout, and order submission flows to Selfeb's shared commerce platform.

02 Problems solved

  • A large visual catalog needed clear paths from best sellers and major collections to specific products without overwhelming shoppers on mobile devices.
  • Products such as acrylic calligraphy, name signs, business logos, and LED mirrors can vary by size, color, material, and customization, so the product experience needed to communicate options before purchase.
  • The store needed to balance conventional cart and buy-now flows with Bangladesh-specific buying behavior, including direct WhatsApp assistance and nationwide cash on delivery.
  • Promotional prices, hot-item badges, product imagery, bilingual copy, and category merchandising had to remain consistent while being controlled through the shared Selfeb backend.

03 Technical implementation

Category-led merchandising

Created a storefront hierarchy around best sellers and focused collections such as Islamic Calligraphy, Home Decor, Ceramic Mug, Business Logo and Door Nameplates, and LED Smart Mirror. Reusable product cards surface imagery, current and previous prices, discount states, and direct order actions.

Configurable product detail

Built product views for image galleries, SKU and brand data, category context, price and offer presentation, size and color selections, quantity controls, descriptive content, related products, and both buy-now and add-to-cart journeys.

Localized purchase journey

Optimized responsive flows around BDT pricing, Bangla and English merchandising content, WhatsApp-assisted ordering, and cash on delivery. The result supports both self-service checkout and customers who want direct help before ordering a customized item.

Selfeb platform integration

Connected the branded frontend to Selfeb's shared catalog and order APIs so merchandising updates could be managed centrally and submitted orders could continue into inventory, customer, fulfilment, and delivery workflows.

04 Technologies used

  • TypeScript
  • Next.js
  • React
  • Node.js
  • Express.js
  • MongoDB
  • REST API

05 Challenges & solutions

Challenge 01

Representing both ready-made decor and personalized products within one coherent product-page pattern.

Solution

Used a flexible product model and conditional option controls so each item could expose the relevant size, color, SKU, material, or customization information without creating a separate page implementation for each category.

Challenge 02

Maintaining image-rich merchandising and a large set of product sections without making the mobile buying path feel heavy.

Solution

Applied reusable, responsive collection and product components with a strong content hierarchy, compact promotion treatments, and clear order actions so shoppers could scan visually and move quickly toward a product or checkout.

Challenge 03

Giving Diniart a recognizable brand experience while keeping it compatible with the same platform used by many other storefronts.

Solution

Kept brand presentation in configurable theme and section layers, while catalog retrieval, product options, cart state, checkout, and order submission reused the shared Selfeb commerce contracts.

06 Product in focus

Diniart storefront home page with product categories and best sellers
Category-led discovery, search, promotional pricing, and best-selling products on the Selfeb-powered storefront.
Diniart acrylic calligraphy product page with product options
A detailed product journey with an image gallery, promotional pricing, size and color options, cart, buy-now, and WhatsApp ordering.
Diniart Islamic wall art product page with multiple size options
Reusable product-detail structure adapting to a second product's imagery, pricing, variants, and localized purchase actions.

07 Architecture & technical details

Diniart is a branded Next.js storefront on top of Selfeb. The frontend composes reusable merchandising and commerce components, Express.js APIs provide platform data and order workflows, and MongoDB persists the merchant's catalog and transactions alongside its storefront configuration.

  1. Brand and presentation

    Diniart-specific theme settings, content, navigation, promotional sections, and responsive layouts create a distinct identity without forking core commerce behavior.

  2. Storefront application

    Next.js renders collection, search, product, cart, and checkout experiences and translates shopper actions into calls to the shared commerce API.

  3. Selfeb commerce services

    Express.js endpoints supply catalog and configuration data, validate product options and orders, and hand purchases into Selfeb's operational workflows.

  4. Data and fulfilment

    MongoDB stores product, variant, pricing, customer, and order records; platform integrations continue the order into inventory, communication, courier, and delivery processes.