Aperçu en direct
Page d’accueil d’EduFlow : une page crème portant le titre en serif Where little minds grow into big ideas, les deux derniers mots en italique orange, à côté d’une photographie aux coins arrondis d’une mère et d’un tout-petit qui rit devant un ordinateur portable, sur une table de cuisine
11 / THÈME ASTRO

EduFlow

Pour un apprentissage vendu aux parents.

  • E-learning
  • Éducation
  • Familles

La onzième version Quaeris Design. Un site d’apprentissage en ligne pour les familles de jeunes enfants, portant quatre parcours, une page de tarifs avec bascule de facturation et tableau comparatif, et un journal avec auteurs et catégories — dix-sept routes, et toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
138.7 KB
JavaScript
17
Routes indexables
0
Feuilles de style bloquantes
2
Familles de polices
WebP
Images
Astro 7.3
Construit avec

Chaque chiffre provient de astro-design-eduflow.pages.dev. Ouvrez la démo et vérifiez par vous-même.

Un site publié. TVA comprise ; le travail client relève de la licence studio. Rétractation sous 14 jours, jusqu’au premier téléchargement.

LE BRIEF

À quoi il sert, et à qui il convient.

Une direction visuelle pour les produits d’apprentissage vendus aux parents plutôt qu’aux institutions. Un fond crème, une encre cacao, un abricot qui sollicite et un bleu-vert qui explique, sous un titre en serif douce dont une seule expression ressort en italique orange. C’est chaleureux sans devenir enfantin : l’en-tête montre la photographie d’un parent et d’un enfant à une table de cuisine plutôt qu’un dessin animé, et chaque animation s’efface pour le visiteur qui demande moins de mouvement.

  • Plateformes de cours en ligne pour jeunes enfants
  • Programmes d’éveil dotés d’une offre en ligne
  • Abonnements éducatifs vendus aux familles
  • Quiconque doit rassurer un parent avant de pouvoir lui vendre quoi que ce soit
LE JEU DE PAGES

Les routes que vous obtenez, et d’où elles viennent.

Chaque route ci-dessous est générée à la compilation et servie comme un fichier statique.

Pages

Écrites une fois, modifiées sur place.
  • Accueil
  • Cours
  • Fonctionnement
  • Tarifs
  • Journal
  • À propos
  • Contact
  • Confidentialité
  • Mentions légales

Collections

Un fichier Markdown devient une route, une entrée d’index et une liste.
  • Article × 3
  • Auteur × 2
  • Catégorie × 3

Système

Générées, jamais maintenues à la main.
  • 404
  • sitemap.xml
  • robots.txt
  • site.webmanifest
NOTES DE CONCEPTION

Les décisions derrière le style.

01

Le mouvement se demande, élément par élément.

Un titre se révèle mot à mot, une carte apparaît en fondu ou un groupe entre en cascade parce qu’un attribut data le demande, et rien ne bouge sans qu’on l’ait demandé. Tout reste visible sans JavaScript et avec le mouvement réduit. Le prix, c’est le script le plus lourd de la collection, et le chiffre ci-dessus le dit au lieu de le cacher.

02

L’orange a une seconde valeur pour le texte.

L’abricot remplit les boutons, mais sur le crème il est trop clair pour se lire comme du texte. Les titres qui ont besoin d’orange utilisent un abricot brûlé plus profond, validé pour les grands corps, et la couleur de texte atténuée est réglée pour passer 4,5 : 1 sur le crème comme sur le blanc : la chaleur de la palette ne coûte rien en lisibilité.

03

La page confidentialité suit la configuration.

Elle lit les mêmes fichiers qui choisissent le prestataire du formulaire de contact, l’outil d’audience et la newsletter, et nomme ceux qui sont activés. Changez de prestataire et la politique change avec lui. Ce qu’elle ne peut pas savoir — les durées de conservation, les coordonnées de l’éditeur — reste entre crochets, à compléter, plutôt que rempli de quelque chose de vraisemblable.

04

Les tarifs sont des données, pas du balisage.

Les formules, le tableau comparatif et la FAQ des tarifs tiennent dans un seul fichier de données. La page les affiche avec une bascule mensuel / annuel, et la FAQ émet des données structurées FAQPage à partir des mêmes entrées : changer un prix, c’est une modification, jamais deux.

PALETTE
  • Crème #fdf5e6 Fond de page
  • Cacao #2b2118 Titrage et texte
  • Abricot #e8834a Boutons principaux et aplats
  • Abricot brûlé #d26a2e Le même orange, pour les grands corps de texte
  • Lagon #1f6772 Libellés et actions secondaires
  • Rose #ee6c8d Petits accents et étincelles
POLICES
Titrage
Fraunces Graisses 400 à 700, italique pour l’expression mise en avant
Texte
Be Vietnam Pro Graisses 400, 600 et 700, capitales espacées pour les libellés
CE QUI L’ACCOMPAGNE

Sachez ce que vous obtenez.

Une belle capture d’écran n’est qu’un début. Ce sont les détails qui vous aident à choisir.

01 / LES PAGES

Une vue du site entier.

Chaque version liste son jeu de pages, de la page d’accueil aux templates d’article, d’auteur et de catégorie dont votre projet a réellement besoin.

Liste des pages avec chaque version
02 / L’EXPÉRIENCE

Chaque écran compte.

Mises en page pour ordinateur et mobile, navigation, états de focus et interactions, vérifiés aux largeurs que les gens utilisent vraiment plutôt qu’à celle de la capture d’écran.

Comment fonctionne la personnalisation ↗
03 / LA LIVRAISON

Les détails, avant d’acheter.

Le code source, les prérequis d’installation, la licence et les conditions de support sont publiés sur la page du thème, pour que vous puissiez décider avant de dépenser quoi que ce soit.

Contenu exact avec chaque version
TARIFS

Un prix clair. Une offre claire.

Choisissez le design qui convient à votre projet. Une licence couvre un site publié ; le travail livré à des clients relève de la licence studio.

THÈMES À L’UNITÉ EN VENTE

Trouvez le vôtre.

59 € le thème

Une licence, un site publié. Le travail que vous livrez à des clients relève de la licence studio : 399 € pour toute la collection, et un an de tout ce qui paraît ensuite.

Une licence de thème
Un projet publié
Travail pour un client
Licence studio
Mises à jour et support
Indiqués par thème
CE THÈME

Tout ce qui précède, en un téléchargement.

EduFlow, sous forme de code source Astro complet. Modifiez ce que vous voulez, déployez où vous voulez en statique, et gardez-le.

Un site publié. TVA comprise ; le travail client relève de la licence studio. Rétractation sous 14 jours, jusqu’au premier téléchargement.

AILLEURS DANS LA COLLECTION

Trois autres directions.