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, 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 and 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 and Perks (AT Points) to boost profiles and products across the site
Admin Panel
- Curates the homepage (carousel, “event of the day”)
- Manages ads and placements across the platform
- Creates and publishes events and blog posts
- Reviews subscriptions and AT Points requests, resolves edge cases
- Manages products and artisans (status, verification, details, ...)
Subscriptions and Marketplace
- Subscription system: a structured onboarding for artisans (quality-first, verification, eligibility)
- AT Points marketplace: buy perks that translate into homepage slots, top search placements, banners, and a “blog spotlight” when needed
- Perks definitions are listed below. Yes, each one is actually implemented on the platform with its own rules and behavior
Messaging, Likes, and Signals
- Messaging: users can talk directly to artisans, friendly UX with a 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). Speed first, obviously
- Emails: notifications go out to artisans and admins for key actions and status changes
Stack and Architecture
- Next.js, TypeScript, Tailwind CSS
- Supabase for Postgres, Auth, Realtime and RPCs, plus async view logging
- Azure Blob Storage for resilient media storage (banners, product images)
- Rendering: SSR/SSG/ISR‑ready, client pagination with smooth scrolling, reasonable code-splitting
Ads and Perks (internal)
The perks catalog is basically a set of products artisans can buy to boost their presence 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 and homepage)
- Pack Visibilité / Pack Impact (multi-placement bundles, with optional blog article)
The rules define where each perk shows up: homepage blocks, top of search, multi-page banners, blog features. Clean, predictable, enforceable.
Result
A serious directory that genuinely makes artisans visible. Fast on the surface, clean in code, ready to scale: subscriptions, targeted placements, analytics, and all the unsexy details that actually matter.