Next.js App Router, static product pages, route metadata, and compact client state for filters, cart, and quick view.
Reusable ecommerce showcase
A tidy shop with a sketchbook soul.
Croquis & Co. sells useful, warm little objects that feel selected from a designer's working notebook: precise enough to trust, personal enough to remember.
SABuilt as a portfolio use case by Saif Al-Jilani.
Use case note
Designed by Saif Al-Jilani for client-ready ecommerce.
This shop connects the portfolio, product demo, and article hub into one proof point: design taste, frontend quality, SEO structure, and reusable delivery.
See Saif's portfolioCustom ecommerce, product interfaces, automation, and fast SEO-ready websites.Read the performance articleHow speed, Core Web Vitals, and clean frontend work support search visibility.Read the Next.js SEO articleHow route metadata, product pages, and internal links work together.Read the B2B website articleHow reliable structure, clear content, and trust signals help business websites convert.Try the border toolA practical companion for experimenting with CSS borders and visual polish.
How this was built
Sketchbook charm, production habits.
Ink borders, SVG wobble filters, rotated product cards, drawn doodles, and readable body type so the sketch style stays usable.
A real build would start with products and brand voice, then ship a polished storefront slice before checkout and CMS integration.
Fresh from the studio
Small goods, drawn by hand.
8 pieces match your shelf
Art Prints
Morning Grid Print
$344.9 (48 notes)
A tidy little print for people who make lists before coffee.
Paper Kits
Ink Loop Notebook
$224.8 (36 notes)
Open-flat pages with margin marks for sketches, receipts, and plans.
Desk Goods
Studio Mug Study
$424.7 (29 notes)
A ceramic mug shape explored as a shop-ready illustrated product.
Paper Kits
Pocket Poster Tabs
$164.6 (18 notes)
Six hand-cut tab sheets for walls, journals, and shipping notes.
Desk Goods
Linework Tote
$284.8 (41 notes)
A simple carryall with a drawn-on pocket and a roomy market shape.
Art Prints
Margin Flower Print
$304.9 (57 notes)
Loose botanical lines with enough blank space to let a room breathe.
Paper Kits
Annotation Stickers
$124.5 (22 notes)
Tiny marks, arrows, and labels for packages that feel personal.
Art Prints
Wavy Arch Print
$364.7 (31 notes)
A warm studio wall piece with just enough movement in the lines.
Client ideas
Try the same shop in another niche.
Quick angles help visitors imagine how this template can become their own store.
Ceramic Studio
Swap the doodles for cups, bowls, glaze tests, and limited seasonal drops.
Shop by category
Organized like a notebook.
Simple groups make the store easy to reskin for real clients.
It made my desk wall feel considered, not decorated.
The paper feels substantial and the page marks are genuinely useful.
The shape has that perfect studio-table charm.
Shop note
Built to sell the feeling before the checkout.
This demo can become a live store, a proposal-ready mockup, or a packaged starter for artisan clients who want a shop that feels personal without becoming messy.