Démo En ligne mars 2026

🐾 Belette Couture - Créations Cousues Main

Site portfolio pour Belette Couture, créatrice textile spécialisée dans les créations autour de la queerness, du handicap et de la pop culture.

Astro Tailwind CSS DaisyUI TypeScript Portfolio Créateur E-commerce

Le projet

Site portfolio personnel pour Belette Couture, créatrice textile. L’objectif : présenter l’univers créatif, les valeurs (queerness, handicap, pop culture) et diriger vers la boutique en ligne.

Sections incluses

Hero

  • Titre avec mascotte “Belette Couture”
  • Tagline “Fait main avec amour”
  • Deux CTA : voir le portfolio + boutique en ligne
  • Lien vers Instagram et Bluesky

Univers créatifs

3 thèmes principaux :

  • 🏳️‍🌈 Queerness & Fierté: créations LGBTQIA+
  • Handicap & Accessibilité: créations accessibles
  • 🎬 Pop Culture: inspirations films/séries

Chaque thème avec description et lien vers le portfolio.

Citation inspirante

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.” — Belette

Valeurs mises en avant

4 engagements avec icônes :

  • 🧵 Cousu main
  • 🏳️‍🌈 Inclusif
  • ♿ Accessible
  • 🐾 Unique

Contact

  • Message d’accueil chaleureux
  • Deux CTA : me contacter + boutique en ligne

Design & UX

Identité visuelle

  • Mascotte 🐾 Belette
  • Palette douce et chaleureuse
  • Typographie élégante
  • Beaucoup d’espace blanc

Mise en page

  • Hero centré avec image de mascotte
  • Cards pour les univers créatifs
  • Citation en évidence
  • Valeurs en grille horizontale
  • Menu simple avec liens clairs
  • Bouton “Boutique” mis en avant
  • Lien vers réseaux sociaux

Tech Stack

  • Framework: Astro 5 (static site)
  • Styling: Tailwind CSS v4 avec thème personnalisé
  • Components: DaisyUI pour les composants UI
  • Type Safety: TypeScript strict mode
  • E-commerce: Intégration boutique SumUp
  • Social: Liens Instagram et Bluesky

Intégrations

Boutique en ligne

Intégration avec SumUp pour la vente directe des créations. Bouton “Visiter la boutique” en permanence visible.

Réseaux sociaux

  • Instagram : @leo_belettecouture
  • Bluesky : @belettecouture.bsky.social

Défis résolus

Expression de l’identité

Site qui reflète l’univers créatif et les valeurs de la créatrice (queerness, handicap, pop culture) sans être explicite.

Vers la boutique

CTA multiples vers la boutique en ligne pour maximiser les conversions. Navigation fluide entre portfolio et achat.

Authenticité

Design personnel et chaleureux qui reflète l’artisanat et l’engagement du fait-main.

Ce qui distingue ce projet

  • Mascotte Belette personnalise le site
  • 3 univers créatifs bien identifiés
  • Valeurs mises en avant (inclusif, accessible, unique)
  • Intégration boutique SumUp
  • Liens vers réseaux sociaux actifs
  • Design artisanal et chaleureux
  • Contenu en cours (Lorem ipsum = phase de finalisation)

Projets similaires