CASE STUDY · 14 / B2B E-COMMERCE

Tote Bag E-commerce Site

E-commerceDesignCard paymentsCustom production

Mireler.A tote bag site that sells single items by card and takes bulk orders too.

Mireler’s e-commerce site sells tote bags from a single item with a basket and card payment, shows prices falling with quantity and takes logo custom production requests on the product page.

See the screens →Read the brief ↓

Client

Mirelermireler.com

Sector

Bag manufacturing and retailSingle-item buyers and institutions

Scope

Design + DevelopmentE-commerce, Design, Card payments, Custom production

Started

July 2026Live

Output

Responsive webTurkish

01 - Live Mockup · Desktop

6 screens. One design language.

Pick a page from the list on the left, then scroll the design yourself on the MacBook screen on the right. You’re in full control.

Scroll to explore

Live Previewmireler.com/

Home00%

02 - Live Mockup · Mobile

5 screens, in your pocket.

5 mobile screens, designed for 360-428 px viewports. You can scroll inside the centered phone yourself; click the side phones to bring them to the center.

01 · Brief

Single items and bulk orders alike.

Mireler sells 100% cotton tote bags: raw cotton, canvas, lined canvas, gabardine, dyeable and printed models. According to the site, production has been in its own facility since 2002; there are also seeded totes that can be planted at the end of their life.

The need

A retail customer wants to buy and pay for a bag right away; an institution asks about quantity pricing and logo printing. Both had to be served on the same product page.

Goal

Run single-item sales with a basket and card payment and bulk orders with quantity pricing and custom production requests on one site.

Approach

The payment flow runs on iyzico; the product page carries both add-to-basket and a logo custom production request.

Solution

Card payment with instalments, a unit price table falling at 20, 50, 100 and 300 pieces, custom production requests with logo upload, moderated product reviews, WhatsApp pre-chat, category catalogs and a customer account.

Outcome

Live at mireler.com with 142 products and 8 fabric categories.

Products

100% cotton tote bags

Fabric categories

From raw cotton to gabardine

Quantity tiers

Lower prices at 20, 50, 100, 300

Guide posts

Plus a fabric comparison guide

02 · What we built

6 building blocks, one site.

An e-commerce site selling 100% cotton tote bags from a single item by card, which also takes corporate orders through quantity pricing and custom production requests with logo upload.

◈

Basket and card payment

Customers add products to the basket and pay by credit card through iyzico, with instalment options.

⊞

Quantity pricing

The product page shows how the unit price drops at 20, 50, 100 and 300 pieces.

◐

Custom production and logo

From a section on the product page, customers upload their logo and state production options.

◆

Product reviews

Customers write reviews that go live after approval; without approved reviews no stars are shown.

◉

WhatsApp pre-chat

Name, phone and topic are collected and the chat opens with the viewed product in a ready message.

◇

Customer account

Registered customers see their order history, addresses and favourites in their account.

03 · Method & stack

Which method, which tools?

Left: how we ran the project. Right: the technologies read from the project’s own dependency list.

/01
Product and fabric architecture
Strategy
/02
Interface and design system
UI
/03
Mobile-first development
Frontend
/04
Basket, payment and custom production flow
Flow
/05
Launch
Launch

/06
Next.js
Framework
/07
React
UI
/08
TypeScript
Language
/09
Tailwind CSS
Styling
/10
iyzico
Payments

MIRELER

The next project could be yours

Let’s take our B2B infrastructure to your sector.

Your sector, catalog and customers are different; the method stays the same. Write to us and let’s talk about your project.

Message us on WhatsApp →Other work →

← All Work

CASE STUDY · 14 / B2B E-COMMERCE

Tote Bag E-commerce Site