Cadrage du projet
On pose les bonnes bases avant de coder : objectif, identité visuelle, structure et automatisations. Plus c'est précis ici, plus le premier jet est juste — et moins il y a de corrections ensuite.
👋 Bonjour ! Répondez à ce qui vous parle, laissez vide le reste — chaque question a une explication sous le ⓘ. Aucune réponse n'est « bête », on est là pour cadrer ensemble.
01 · contexte
Le projet
Nom du client / de l'entreprise *
Sert d'en-tête au brief et de nom de marque dans l'aperçu à droite.
Secteur d'activité
Ex. paysagiste, salle de réception, photobooth, artisan, coach… Ça oriente le ton et les codes visuels.
Avez-vous déjà un site internet ou une présence en ligne ? *
Site web, page Facebook, profil LinkedIn / Instagram, fiche Google… Tout point de présence actuel. Votre réponse adapte la suite des questions.
Adresse du site internet
L'URL du site web actuel, s'il en a un. Laissez vide s'il n'a qu'une présence sur les réseaux.
Lien réseau social
Page Facebook, profil LinkedIn, Instagram, fiche Google Business… Laissez vide si non concerné.
Que souhaitez-vous en faire ?
Selon ce choix, la suite s'ajuste : une refonte rouvre toutes les questions de structure, alors qu'une simple automatisation du site actuel les met de côté.
Type de prestation
Un simple site vitrine ? Un système qui automatise un process (réservations, devis…) ? Ou les deux — c'est la signature Ramstack.
Objectif principal — le « pourquoi »
La phrase la plus importante du brief. Ex. « arrêter de gérer les réservations par téléphone » ou « recevoir des demandes de devis qualifiées ».
Comment est-ce géré aujourd'hui ?
La façon de gérer aujourd'hui : téléphone, e-mails, messages sur les réseaux (Instagram, Facebook, WhatsApp), tableur Excel… Utile pour mesurer le gain qu'apportera l'automatisation.
02 · public
À qui s'adresse le site
Type de visiteurs
Particuliers, professionnels, ou les deux ? Change le ton, le niveau de détail et parfois les fonctionnalités.
Action n°1 attendue du visiteur
Que doit faire le visiteur en priorité ? Tout le design doit pousser vers cette action (le « call to action » principal).
03 · design
Identité visuelle → regarde l'aperçu à droite
Ambiance recherchée
Le ressenti général. Modifie l'arrondi et le style dans l'aperçu. Pas de bonne/mauvaise réponse — c'est une question de personnalité de marque.
Couleurs — principale & accent
La principale = titres, boutons. L'accent = éléments à mettre en avant. Si le client a une charte, reprends ses codes ; sinon, choisis selon l'ambiance.
Principale
#2563EB
Accent
#F59E0B
Fond du site
Clair = rassurant, lisible, classique. Sombre = moderne, premium, techy. À choisir selon l'ambiance et le secteur.
Police / typographie
Chaque police a une personnalité. L'aperçu se met à jour pour comparer en direct.
Logo
A-t-il déjà un logo exploitable (fichier vectoriel idéalement) ? Sinon il faut prévoir sa création.
Sites qui vous inspirent
2-3 sites que vous trouvez beaux (concurrents ou non) + ce qui vous plaît dedans. La référence la plus utile pour viser juste du premier coup.
04 · structure
Pages & contenu
Pages / sections souhaitées
Pour un site vitrine, souvent une seule page qui défile suffit. Coche ce qui est utile — on pourra regrouper.
Contenu : textes & photos
Qui fournit les textes et les images ? Souvent le poste qui retarde le plus un projet — à clarifier tôt.
05 · automatisation
Communication & automatisation
Canal de contact principal
Comment le visiteur entre en relation. Pilote le bloc contact de l'aperçu (formulaire, WhatsApp ou email).
Précisez le canal souhaité
Ex. Telegram, Signal, Messenger, WhatsApp Business…
Réservation / prise de RDV en ligne ?
Le client veut-il que les visiteurs réservent un créneau seuls ? C'est le cœur d'un système type Garden Attitude (connecté à Google Calendar).
Emails automatiques
Messages envoyés tout seuls par le système. Énorme gain de temps pour le client — et valeur ajoutée de la prestation.
Connexions Google Workspace
Les briques techniques côté Google. Tu peux pré-cocher selon les besoins exprimés ; c'est ce qui rend l'hébergement à 0 €/mois possible.
Paiement en ligne ?
Acompte ou paiement complet sur le site. Ajoute une brique (Stripe…) — bon à cadrer dès le début car ça touche au budget.
06 · cadre
Technique, délai & budget
Nom de domaine
L'adresse du site (ex. monentreprise.fr). Déjà acheté ? À prendre ? Ou une adresse gratuite .pages.dev suffit pour démarrer ?
Langues
Site en français seul, ou multilingue ? Le multilingue double le travail de contenu.
Délai estimé · calcul auto
Calculé automatiquement selon le périmètre (site + automatisations sélectionnées). C'est le délai raisonnable que Ramstack propose — non choisi par le client, ajustable ensuite.
—
sélectionnez le périmètre du projet…
Estimation tarifaire · calcul auto
Fourchette calculée automatiquement à partir des éléments sélectionnés (basée sur les tarifs Ramstack). C'est notre estimation à présenter au client — affinable selon le détail réel.
—
sélectionnez le périmètre du projet…
Notes libres
Tout ce qui ne rentre pas ailleurs : contraintes, peurs, attentes particulières, anecdotes utiles.