Mr Emballage

Mr Emballage is a B2C storefront built for a packaging supplier that wanted to move its catalogue online. The brief was clear: make it easy for small business owners and independent brands to find, configure, and order custom packaging without needing a sales call or a quote form.

The catalogue spans multiple product families — branded papers, labels, stickers, boxes, and bags. Each product supports a set of configurable options: size, finish, minimum order quantity, and artwork upload. The product detail page updates pricing in real time as options change, so buyers always know what they're committing to before adding to cart.

Filtering was a core UX investment. With dozens of SKUs across multiple categories, a flat list would overwhelm most visitors. The filter sidebar lets users narrow by product type, material, size range, and turnaround time simultaneously. Filter state lives in the URL, so results pages are fully shareable and indexable by search engines.

The cart and checkout flow is intentionally lean. There are no accounts required — a guest checkout captures the essentials, stores the order, and sends a confirmation email. For repeat buyers, a lightweight account layer lets them view past orders and reorder with one click.

On the backend, an admin dashboard lets the client update product listings, manage inventory flags, and mark orders as fulfilled without touching code. A dedicated call queue tracks which orders still need a phone confirmation — a common step for Algerian e-commerce — with statuses like Confirmed, No Answer, and Failed, and one-click CSV exports formatted for local delivery providers like Yalidine, ZR Express, Noest, and Maystro. Artwork files uploaded by customers are stored in cloud object storage and linked directly to orders for the production team to access.

Tech Stack

Next.js, TypeScript, Tailwind CSS, Prisma, PostgreSQL, Stripe, Cloudinary, Resend, Vercel