Bobine & Café
Un café-couture réservé et payé en ligne
Vitrine, réservation de machines, ateliers, impression de patrons et boutique mercerie dans un seul site.
Arts manuels·Réservation·Alimentaire
Un projet, 4 interfaces
À quoi ça ressemble
Bobine & Café est un lieu qui mêle café et atelier de couture à Aix-en-Provence : location de machines à l'heure, ateliers collectifs, impression de patrons A0 et boutique mercerie.
Le site réunit ces activités en ligne, avec un espace cliente pour suivre réservations et heures, et une Vue Journée sur mobile pour piloter la journée depuis le comptoir.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSS
Framer MotionLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Jauge d'occupation en direct
Jauge d'occupation en direct
La jauge affiche en temps réel le nombre de postes déjà pris sur les 6 machines disponibles, créneau par créneau.
La cliente voit immédiatement si son horaire est encore ouvert, sans appeler pour vérifier.
Devis d'impression calculé en direct
Devis d'impression calculé en direct
Le prix de l'impression A0 se recalcule aussitôt le PDF déposé : nombre de pages, couleur, tarif dégressif à partir de 5 planches.
Aucun aller-retour par e-mail avant de savoir combien ça coûte.
Solde d'heures et fidélité visibles d'un coup d'œil
Solde d'heures et fidélité visibles d'un coup d'œil
La page d'accueil de l'espace cliente affiche d'abord le solde d'heures restant, les points de fidélité et la prochaine réservation.
Pas besoin de fouiller l'historique pour savoir où on en est.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offer sous 3j un prototype de votre projet.
Sans engagement
