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.

Summer 2025
Product, Design, Frontend, Backend, Data, ... Everything
Next.jsTypeScriptTailwind CSSSupabaseAzure & Vercel
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
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

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.