Artisan TunisienOpen Link

A modern directory for Tunisian artisans, with fast multi-criteria search, rich artisan and product pages, real-time messaging, and a subscription plus internal marketplace where artisans can boost their profiles.

Summer 2025
Product, Design, Frontend, Backend, Data, ... Everything
Next.jsTypeScriptTailwind CSSSupabaseAzure & Vercel
I wanted first and foremost to thank you for your work on this project, and congratulate you on the quality of your delivery. Thank you so much for respecting your commitments and for your professionalism. I am proud to have collaborated with such talented young people. This project is as important to me as it will be beneficial, inshallah, for Tunisians, thanks to you it has come to life.
Sarah Ezzina
Founder at Artisan Tunisien
Artisan Tunisien - Image 1
Artisan Tunisien - Image 2
Artisan Tunisien - Image 3
Artisan Tunisien - Image 4
Artisan Tunisien - Image 5
Artisan Tunisien - Image 6
Artisan Tunisien - Image 7
Artisan Tunisien - Image 8
Artisan Tunisien - Image 9
Artisan Tunisien - Image 10
Artisan Tunisien - Image 11
Artisan Tunisien - Image 12

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.

Artisan Tunisien | Khairi Hammami