Make My Jersey Bangladesh – Custom Sportswear & Team Jerseys

Make My Jersey Bangladesh is a mobile-first custom apparel platform built to modernize how sports teams, clubs, and fans design and order personalized jerseys online. The platform enables users to visually customize jerseys with names, numbers, logos, and colors, preview designs in real time, place single or bulk orders, and track orders from confirmation to delivery.

The product focuses on high-performance visual interactions, simplified bulk ordering workflows, and a conversion-optimized mobile experience—making custom sportswear accessible even for non-technical users across Bangladesh.

My Role & Contributions

As a Full-Stack Developer, I worked across both the public-facing platform and the internal admin system, contributing to core frontend experiences and backend business logic.

Key contributions include:

• Developed and optimized frontend components for the jersey customization experience using Next.js and JavaScript

• Implemented backend logic for order creation, bulk/team orders, and production status workflows

• Built and maintained admin panel features including order management, status updates, and operational controls

• Integrated secure payment flows and ensured reliable order tracking across production stages

• Collaborated closely with designers and backend team members to align UI behavior with business rules

• Ensured mobile-first performance and smooth interactions across devices

Project Information

Client Objective

Replace a fragmented, manual custom-sportswear ordering process with a scalable digital platform that supports real-time customization, bulk team orders, and centralized order management.

Target Audience

Sports teams, schools, clubs, corporate teams, and individual fans in Bangladesh looking for a fast, visual, and reliable way to design and order custom jerseys.

Project Goals and Specific Objectives

Primary Goals

• Deliver an intuitive jersey builder with real-time visual previews

• Enable efficient bulk and team ordering without operational complexity

Specific Objectives

• Support name, number, logo, and color customization with instant feedback

• Provide transparent order tracking from design approval to delivery

• Ensure a fast, mobile-optimized checkout experience to improve conversions

Challenges

Real-Time Visual Rendering

Building a responsive, real-time preview system capable of rendering layered SVG assets while maintaining performance on mobile devices.

Bulk Order Complexity

Designing workflows for team orders—including roster uploads, size aggregation, and per-player customization—without overwhelming non-technical users.

Secure Transactions & Data Flow

Integrating payment gateways and order lifecycle tracking while ensuring sensitive customer and transaction data remained protected.

Solution and Strategy

We adopted a visual-first and modular architecture, combining a React-based frontend for high-fidelity previews with a Node.js backend responsible for business logic, order orchestration, and admin workflows.

A mobile-first approach guided UI decisions, while backend services were structured to handle bulk orders, production states, and payment confirmations efficiently. Clear separation between the customization engine and order processing ensured long-term scalability and maintainability.

Execution and Deliverables

Interactive Jersey Builder

• Drag-and-drop customization using SVG-based assets

• Live preview with layered elements and responsive scaling

• Color selection, text editing, and template save/load functionality

Team & Bulk Ordering System

• Roster-based ordering with size and quantity aggregation

• Per-player customization within a single bulk checkout

• Bulk pricing logic and consolidated order processing

Payments & Order Tracking

• Secure payment gateway integration (SSLCommerz or client-selected provider)

• Status-based order lifecycle tracking

• Email notifications for confirmations and delivery updates

Admin Dashboard

• Centralized order and production management

• Order status updates and customer communication tools

• Operational visibility for bulk production workflows

Media & Asset Handling

• Server-side image optimization and secure file uploads

• SVG handling for high-quality previews

• S3 / MinIO-compatible storage integration

Deployment & Operations

• Containerized services using Docker

• CI/CD pipelines for controlled deployments

• VPS/cloud hosting with SSL/TLS and process management

Results and Impact

Following launch, Make My Jersey Bangladesh successfully digitized the custom jersey ordering workflow end-to-end. The platform handled thousands of custom and bulk orders within weeks, significantly reducing manual coordination for schools and clubs.

The streamlined design-to-checkout experience improved conversion rates, while the admin system reduced operational errors and increased visibility across production stages—enabling faster turnaround times and improved customer satisfaction.

Make My Jersey Bangladesh (Powered by CodeAlign)