Atelier Sauge

Un site vitrine clé en main

Site one-page, charte graphique et kit réseaux sociaux livrés en un seul forfait, pensé pour un budget d'artisan.

À quoi ça ressemble

Atelier Sauge, fleuriste artisanal de la Croix-Rousse à Lyon, avait besoin d'exister en ligne sans payer le prix d'un site sur-mesure classique.

Le livrable regroupe trois pièces en un seul forfait : un site vitrine one-page, une charte graphique complète et un kit de visuels prêts à publier sur les réseaux.

Le site met en avant les services, l'histoire de l'atelier, les créations récentes et les avis clients, avec une prise de contact immédiate par formulaire ou WhatsApp.

Une identité visuelle unique

Couleurs

Typographie

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 & @ # %

RegularMediumSemiboldBoldExtrabold

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.jsReactTypeScriptTailwind CSSFramer Motion

Le projet écran par écran

Accueil, bouquets de saison
Grille des 4 services
Détail d'un service en modale
L'atelier depuis 2017, chiffres clés
Galerie des créations récentes
Carousel d'avis clients
Formulaire de contact et carte
Brand book et identité du logo
Palette de couleurs avec usages
Kit de visuels réseaux sociaux
1 / 10

Des enjeux concrets, des réponses concrètes

Les enjeux

Exister en ligne avec un budget très limité

Les défis initiaux

Un site sur-mesure coûte cher pour un artisan seul

Nos solutions

Un one-page complet livré en un seul forfait

Les enjeux

Transformer les visiteurs en commandes rapides

Les défis initiaux

Les clients veulent une réponse immédiate, pas un formulaire

Nos solutions

Bouton WhatsApp flottant en plus du formulaire de contact

Les enjeux

Garder une image cohérente sur le site et les réseaux

Les défis initiaux

Composer des visuels Instagram sans logiciel de design

Nos solutions

Charte graphique et kit de visuels prêts à publier

Les choix qui comptent

Trois décisions de conception prises sur ce projet, et pourquoi.

UX

Détail de prestation en un clic

Chaque service s'ouvre en modale animée avec le détail, les inclusions et le tarif, sans quitter la page.

Le bouton renvoie directement vers le formulaire de contact avec le service pré-sélectionné.

Marketing & Conversion

Prise de contact immédiate

Un bouton flottant ouvre une conversation WhatsApp simulée avec réponses suggérées, pour capter la demande sans friction.

En production, il pointe vers le vrai numéro WhatsApp de l'atelier.

UI

Une charte complète, pas juste un logo

Six couleurs avec leur rôle d'usage précis et une barre de répartition recommandée à l'écran.

Chaque swatch copie son code hex au clic, pour que le client reste autonome sur ses futurs supports.

Rapide, mesuré, prouvé

La vitesse n’est pas une promesse : elle se mesure.

Performances : 96 sur 100
Performances
Accessibilité : 93 sur 100
Accessibilité
Bonnes pratiques : 100 sur 100
Bonnes pratiques
SEO : 100 sur 100
SEO

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

Étape 1 sur 5 : Cadrage

5 étapes pour concrétiser votre projet

Cadrage

Client
PDFcahier-des-charges.pdfPDF · 14 pages
ou

On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.

CyberScale

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.

0 €libre, le prototype reste à vous

Vous avez lu jusqu’ici ? Continuons ensemble.

Avant de signer, on vous offer sous 3j un prototype de votre projet.

Ajustements illimités, sans surcoûtLivraison et rapport hebdomadaireVous ne payez que si satisfait

Sans engagement

Questions fréquentes

Parce que nous limitons volontairement notre charge à 3 projets simultanés.

Résultat : des maquettes en 72 heures, 90% des messages répondus dans l'heure, une livraison chaque semaine et des délais garantis contractuellement.

Si nous sommes en retard, vous recevez gratuitement 2 mois de maintenance, d'hébergement, d'articles de blog et de social media.