L’Atelier de Zac
Mon activité indépendante, à Bègles depuis septembre 2024 : je reprends des sites Wix, Squarespace et Jimdo en fichiers qui appartiennent au client.
En bref
Une offre, un prix, un délai : la reprise d’un site jusqu’à huit pages en trois semaines, sur devis écrit. Le site de l’atelier sert aussi de banc d’essai : ce que j’y éprouve passe ensuite chez les clients.
- Nature
- Micro-entreprise déclarée, assurée
- État
- En activité depuis septembre 2024
- Rôle
- Tout : l’offre, les textes, le code, la relation client, la facturation
- Pile
- Astro 7 en sortie statique, une feuille de style de 99 lignes
- En ligne
- latelierdezac.fr
Mots-clésAstro · TypeScript · HTML · CSS · PHP · PHPMailer · SEO local · JSON-LD · accessibilité · performance web · Content Security Policy · GitHub Actions · lftp · FTPS · Infomaniak · relation client · devis · micro-entreprise
Ce que c’est
Un site de quinze pages qui vend une seule chose et le dit dans son titre. Chaque affirmation sur une plateforme concurrente cite la documentation de cette plateforme, avec sa date de consultation. Le déroulé d’une reprise est donné jour par jour, le prix est affiché, et les conditions de départ du client sont écrites.
Ce que j’ai décidé
- Une racine typographique fluide. La taille de base varie en continu avec la largeur de l’écran, et tout le reste en dépend. Sept variables, nommées par rôle et jamais par teinte.
- Deux fichiers de police, avec repli métrique. Les polices de secours sont corrigées pour occuper la même place, ce qui supprime le saut de mise en page au chargement.
- Un seul script, de 322 octets. Il protège le formulaire. Sans lui, le formulaire fonctionne quand même.
- Le poids de la page dans son pied. Mesuré au build et écrit dans le colophon : 36 Ko sur l’accueil.
- Une feuille d’impression complète. La page s’imprime proprement, avec l’adresse des liens en note.
L’audit, et son journal
Le site a fait l’objet d’un audit écrit en cinq axes, avec des mesures page par page : poids après build, accessibilité, référencement, rendu à 375 px, vulnérabilités des dépendances. Le document garde son journal de la version 1 à la version 2, après autocritique : ce que la première version avait mal jugé y est écrit.
Le déploiement
- Avant l’envoi : refus si une page contient un style en ligne, incompatible avec la politique de sécurité du site.
- Vérification que le compte écrit sur le bon site avant de synchroniser, parce qu’une synchronisation sur un mauvais chemin créerait l’arborescence et rendrait un résultat vert.
- Après l’envoi : code 200 sur l’accueil, jeton du formulaire servi, fichier de configuration interdit d’accès, en-têtes de sécurité présents.
- Un essai à blanc coché par défaut quand on lance à la main.
Outils
- Astro 7, TypeScript, sharp pour les images.
- PHP 8 et PHPMailer pour le formulaire, en SMTP authentifié.
- GitHub Actions, lftp en FTPS, Infomaniak ; GitLab en miroir.
- husky, commitlint, Dependabot.
Ce que ça prouve
Que je sais porter une offre de bout en bout, du positionnement à la facture, et tenir un site de production avec les mêmes exigences que celles que je vends.