Étude de cas
Contexte client
Astuces de Pomme est un service indépendant d'assistance et de formation à domicile autour de l'écosystème Apple : dépannage, configuration, migration, iCloud, sécurité numérique et accompagnement aux démarches en ligne. Basé dans les Hauts-de-France, le prestataire accompagne des particuliers souhaitant maîtriser leur matériel Apple sans dépendre d'un service officiel.
Le site existant était vieillissant, difficile à maintenir et ne reflétait plus l'image premium souhaitée. Le client avait besoin de pouvoir modifier son offre et ses textes en autonomie complète, sans intervention technique.
Service indépendant — non affilié à Apple Inc.
Étude de cas
Mission
Refonte complète du site vers une vitrine one-page moderne, sobre et entièrement administrable en live-editing.
Objectifs prioritaires :
- Moderniser l'image visuelle avec une direction artistique inspirée de l'univers Apple (minimalisme, grands espaces, typographie sobre) — sans aucun élément propriétaire
- Permettre au client de modifier textes, sections et offres depuis le frontend, sans risquer de casser la cohérence visuelle
- Mettre en avant les prestations, l'avantage fiscal (Services à la Personne) et faciliter la prise de contact
- Produire un socle technique réutilisable pour d'autres projets one-page Drupal
Étude de cas
Solution technique
Le projet repose sur Drupal 11 avec Mercury Editor pour l'édition live-preview. L'architecture « Design System First » est au cœur de la solution :
- Single Directory Components (SDC, composants de mise en page réutilisables) : chaque composant encapsule son propre CSS, Twig et variables — étanchéité totale entre composants
- Variables CSS centralisées (Design Tokens) : uniformité des arrondis, ombres et couleurs sur l'ensemble du site
- Modèle « Section Shell » : composition de la page en 1, 2, 3 ou 4 colonnes avec variantes visuelles bornées — liberté créative contrôlée pour l'éditeur
- Performances : toutes les images en WebP natif avec styles dérivés optimisés, lazy-loading intelligent avec priorisation du chemin critique LCP
- Accessibilité mobile : cibles tactiles optimisées, hiérarchie sémantique stricte, confort d'usage sur iPhone et iPad
Étude de cas
Résultats mesurables
Le site atteint des scores Lighthouse de 100/100/100 sur Performance, Accessibilité et SEO.
Ces scores reflètent des choix techniques précis :
- Temps de chargement du premier écran quasi-instantané (LCP < 1,5 s)
- Zéro ressource bloquante en chemin critique
- Conformité WCAG 2.1 AA complète
- Balises méta, données structurées et URL canoniques conformes
Le client est désormais autonome pour mettre à jour son offre, ses tarifs et ses textes directement depuis le frontend — sans formation technique ni intervention externe.
Étude de cas
Bilan
Au-delà du site livré, ce projet valide une architecture Drupal SDC (composants de mise en page réutilisables) réutilisable comme framework pour d'autres vitrines one-page. Le modèle « Section Shell » + Mercury Editor répond à un besoin récurrent : offrir une liberté éditoriale maximale sans sacrifier la cohérence visuelle ni les performances.
Astuces de Pomme dispose aujourd'hui d'une plateforme robuste, ultra-rapide et magnifique, prête à évoluer avec son activité en toute autonomie.