Artisan Tunisien
Artisan Tunisien is a modern directory for Tunisian artisans. It delivers fast multi-criteria search, rich artisan/product pages, real-time messaging, and a subscription + internal marketplace where artisans can boost their profiles.
Project Overview
Artisan Tunisien is an annuaire, a directory. The job is visibility: fast discovery, credible profiles, clean SEO, and a direct line between people and artisans. Users search, filter, share, and contact. That’s it.
What I delivered
- Powerful directory with multi-criteria search (categories, types, services, payment methods, distance, rating, verification, materials, colors, governorate…)
- Enhanced UX with skeletons/shimmer everywhere and responsive layouts
- Artisan & product pages with rich info, optimized images, dynamic metadata, sorting and pagination
- SEO best practices: sitemap, robots.txt, metadata, semantic HTML, alt texts, performance optimizations
- Messaging between users and artisans (chat contexts, real-time UX, notifications)
- Internal Marketplace, subscriptions & Perks (AT Points) to boost profiles/products across the site
Admin Panel
- Curates the homepage (carousel, “event of the day”)
- Manages ads & placements across the platform
- Creates/publishes events and blog posts
- Reviews subscriptions and AT Points requests; resolves edge cases
- Manages products and artisans (status, verification, details, ...)
Subscriptions & Marketplace
- Subscription system: a structured onboarding for artisans (quality-first, verification, eligibility)
- AT Points marketplace: purchase perks that translate into visibility homepage slots, search top placements, banners, and a “blog spotlight” option when needed
- Perks definition could be found below (yes, their functionality is impelemented in the platform with each having its own rules/behavior)
Messaging, Likes, and Signals
- Messaging: users can talk directly to artisans; friendly UX and real-time feel
- Likes: users can like artisan profiles and products; used for relevance and signals
- Metrics: we log profile and product views (user/IP/user-agent), ofc speed first
- Emails: notifications go out to artisans and admins for key actions and status changes
Stack & Architecture
- Next.js + TypeScript + Tailwind CSS
- Supabase for Postgres, Auth, Realtime services and RPCs — plus async view logging
- Azure Blob Storage for resilient media storage (banners, product images)
- Rendering: SSR/SSG/ISR‑ready, client pagination + smooth scrolling, reasonable code-splitting
Ads & Perks (internal)
The perks catalog is are products artisans can purchace to boost their profiles on the platform:
- Boost Créateur (24h homepage spotlight of the shop name/logo)
- Focus Créateur (7 days homepage spotlight)
- Top Vitrine and Coup de projecteur (product-level highlights, 24h/7d)
- Artisan à la Une (top of artisan search for 24h)
- Étoile de l'Artisanat (top of product search for 24h)
- Créateur d'Or (72h banner across key pages + homepage)
- Pack Visibilité / Pack Impact (multi-placement bundles, with optional blog article)
The rules define where each perk shows up: homepage blocks, search top, multi-page banners, blog features… clean, predictable, and enforceable.
Result
A serious directory that genuinely makes artisans visible. Fast visually, clean in code, ready to scale: subscriptions, targeted placements, analytics, and all the unsexy details that actually matter.