Charcoal — Shopify store
Charcoal is a Pakistani menswear brand that sells suits, dress shirts, casual wear, shalwar kameez, fragrances and accessories in its stores and online. Pixel2Tech built Charcoal's Shopify store as white-label development partner for a digital agency, set up to carry that whole wardrobe, from a three-piece suit to a tie pin, in one place.
- Client
- Charcoal
- Practice
- Ecom Stores
- Service
- Shopify Stores
- Engagement
- White-label partner
- Live store
- charcoal.com.pk ↗
The work
What we built for Charcoal (white-label)
Scroll the homepage
The full homepage as it appears on desktop. Scroll inside the window.
On mobile
Most shoppers arrive on their phones, so the mobile layout matters most.
- charcoal.com.pk
Charcoal store page 2 - charcoal.com.pk
Charcoal store page 3
Project brief
Deliverables
- Shopify storefront
- Occasion-based mega menu
- Collection filters and sorting
- Product page with size chart
- Installment payment display
- Mobile layout
The challenge
The catalog runs from tailored suiting with chest sizes 44 to 54 and trousers by waist size, to polos in small to XL, to perfumes and cufflinks that have no size at all. Shoppers need to get to the right category fast and pick the right fit without guessing.
Our approach
The main menu splits the range by occasion: New in, Formal, Casual, Ethnic, Bodyworks for fragrance, Accessories and Sale, with each dropdown listing its own sub-categories. Collection pages carry a filter drawer, sorting and New or Save badges on the product photos. Product pages show the SKU, sale price with the saving, a size chart link next to the size buttons, the color and a Baadmay pay-in-3 option above Add to cart and Buy it now.
The outcome
A Shopify store where a shopper can move from a seasonal sale banner to a specific suit, polo or kurta and choose a size with the chart at hand, on a phone or a desktop.
- Platform
- Shopify (Impact theme)
- Catalog
- Formal, casual and ethnic menswear, fragrance, accessories
- Shopping
- By occasion, size charts, pay in 3 installments
How we did it
Step 01
Menu by occasion
The range is grouped into Formal, Casual, Ethnic, Bodyworks and Accessories, with sub-menus for suiting, dress shirts, jeans, shalwar kameez, waistcoats, EDP and EDT fragrances, ties and gift boxes.
Step 02
Collections
Collection pages open with a title banner and breadcrumb, then a filter drawer and sort control above a four-column grid with New and Save badges on each card.
Step 03
Product pages
Each product shows the SKU, the sale and original price, a rating, size buttons with a size chart link, the color and a Baadmay pay-in-3 line before the cart buttons.
Step 04
Mobile and messaging
A scrolling announcement bar carries the free shipping threshold, support hours and payment terms, and the mobile header keeps menu, search and cart within reach.
Tools and platforms
- Shopify
- Impact theme (Online Store 2.0)
- Shopify collections and filters
- Product reviews
- Baadmay installments
Why this project matters
Menswear buyers want the right fit and the right occasion before they pay. Clear occasion menus and a size chart on every product page help them order once instead of exchanging twice.
Questions about this project
What platform is the Charcoal store built on?
It runs on Shopify with the Impact theme, using Shopify collections for formal, casual, ethnic, fragrance and accessory categories.
Do you work white-label for agencies?
Yes. We build Shopify stores and websites under the agency's brand, so the agency stays the face to its client, and we sign an NDA when needed. Tell us about the project and we will send a fixed quote after a short call.
Related services and articles
Have a project like this in mind?
Tell us what you're working on. We'll come back with a clear plan and a realistic timeline.