Monks of Ethos: A Custom Shirt E-commerce Store Built With React and Laravel

CASE STUDY
Case study: Monks of Ethos

Monks of Ethos is an online clothing brand that sells handcrafted khadi and linen garments. We designed and developed its online store, including a shirt designer where customers choose style details and give their measurements before they order.

Project Snapshot

Client

Monks of Ethos

Industry

Apparel, handcrafted khadi and linen clothing

What we delivered

E-commerce store with a shirt designer and sizing tools

Technologies

React JS (front end), Laravel (back end)

The Challenge of Selling Made-to-Measure Clothing Online

Ordering a made-to-measure shirt online is different from buying a ready-made one. The customer cannot try anything on, so the store has to help them choose the fabric, decide on the style details and give accurate measurements, all in one clear flow. A normal product page is not enough for that.

What We Built

Fabric and product pages

Customers browse the shirt fabrics in a product grid and open a product page with the fabric name, colour, fabric code and product code.

A shirt designer

A shirt diagram with clickable points for the collar, pocket, placket, buttons, sleeve and cuff, back and bottom. Customers pick from options such as collar styles, pocket types, placket styles, sleeve lengths, back pleats and bottom shapes, and from a range of button styles.

Optional extras

Customers can add details such as a white collar and cuffs, contrasting buttonhole stitching and contrasting buttons.

Two ways to size

Standard sizing uses height, weight, body type, body shape, size from XS to 7XL, shoulder type, preferred fit and shirt style, and calculates the sleeve length and shirt length from the customer's height. Custom sizing lets the customer enter measurements either from a shirt they already own or from their body, in centimetres or inches, with a step-by-step guide and video instructions.

Saved sizing profiles

Customers who register can save their measurements under a profile name and reuse them for later orders.

Notes for the maker

A special-notes field lets customers add instructions to an order.

Cart and checkout

Customers can check out as a guest or log in, with a wishlist, a shopping cart and a choice of currency between INR and USD. The store shows the card and PayPal payment options.

Store information pages

About, FAQ, contact, delivery, returns and refunds, privacy and terms pages are part of the site.

Screens From the Project

Public pages of the live site.

Monks of Ethos shop page showing linen shirt fabrics in a product grid
Monks of Ethos product page with size, height and weight selection and auto-calculated measurements
Monks of Ethos shirt designer with clickable collar, pocket, placket, buttons, sleeve and cuff options
PROCESS

How a Customer Orders

01
Choose a fabric
Browse the shirts and open a fabric.
02
Give the size
Use standard sizing from height and weight, or enter custom measurements.
03
Design the shirt
Pick the collar, pocket, placket, buttons, sleeves, back and bottom, and any extras.
04
Add to cart and check out
Review the order and pay as a guest or with an account.

Technology

The front end is built with React JS and the back end with Laravel. React is well suited to interactive screens such as a shirt designer and multi-step sizing forms, and Laravel provides the server side that a store needs. See how we work with these technologies: Custom software development and Hire Laravel developers.

The Result

The store is live at monksofethos.com.

What This Means for Your Project

If you want to sell a product that customers have to configure, size or personalise, we can design and build the store, the customisation tools and the back end that support it. Talk to us about your requirement: Get a Quote. See also: E-commerce development, Custom software and Mobile app development.

FAQ

Frequently Asked Questions

Answers to common questions.

We designed and developed its online store, including a shirt designer, sizing tools with saved profiles, a cart and checkout.
The front end uses React JS and the back end uses Laravel.
Yes. Tell us what customers need to choose and we will discuss the best way to build it and prepare a quote.
Yes. We can build sizing and measurement forms and saved profiles around your product.
Yes. We offer monthly resource hire on a contract basis. See Hire Dedicated Developers.
Use the enquiry form, call us or message us on WhatsApp.
LET'S BUILD SOMETHING GREAT TOGETHER

Have a project in mind?

Tell us what you need and we will get back to you.

Call Us On:

(+91) 93132 24072

Quick Mail Us:

info@avdhootsolutions.com

Get A Quote

GET A QUOTE