Aperçu en direct
Page d’accueil d’EduStream : un panneau sarcelle portant le titre Learn from people who still do the work en gras vert foncé, à côté d’une carte de tableau de bord flottante avec un graphique d’heures d’étude et des tuiles de chiffres ambre et corail
04 / THÈME ASTRO

EduStream

Pour un cursus, pas un catalogue.

  • E-learning
  • Plateforme de cours
  • SaaS

La quatrième version Quaeris Design. Une plateforme d’apprentissage portant douze parcours de cours, quatre profils de formateurs et une page de certification qui publie sa propre grille de notation — quarante routes, aucune servie par une base de données, avec toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
6.3 KB
JavaScript
40
Routes indexables
0
Feuilles de style bloquantes
2
Familles de polices
AVIF / WebP
Images
Astro 5.18
Construit avec

Chaque chiffre provient de astro-design-edustream.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 produit pour ceux qui vendent un cursus plutôt qu’un catalogue. Un fond brume froide, un sarcelle profond qui porte chaque surface et chaque action, et l’ambre et le corail chargés d’un seul rôle chacun : un parcours en cours, un parcours terminé. La page d’accueil s’ouvre sur un tableau de bord plutôt que sur la photo de banque d’images d’un ordinateur portable — quarante routes de pages de cours, de profils de formateurs et d’une grille d’évaluation publiée, le tout statique.

  • Plateformes de cours et produits d’apprentissage indépendants
  • Organismes de formation et programmes de certification professionnelle
  • Bootcamps et écoles qui vendent un parcours ordonné plutôt que des vidéos en vrac
  • Quiconque dont le produit est un programme
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
  • Comment ça marche
  • Tarifs
  • Certification
  • Formateurs
  • Ressources
  • À propos
  • Contact
  • Recherche
  • Plan du site
  • Mentions légales

Collections

Un fichier Markdown devient une route, une entrée d’index et une liste.
  • Cours × 12
  • Article × 6
  • Auteur × 4
  • Catégorie × 6

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

Un tableau de bord, pas une photo de banque d’images.

L’en-tête porte une vraie carte d’heures d’étude avec son graphique, ses tuiles de chiffres et son champ de recherche. C’est le produit décrit plutôt que l’image de quelqu’un devant un ordinateur portable, et elle est construite avec les mêmes jetons que le reste de la page : recolorer le thème la recolore aussi.

02

La couleur est une progression, pas une décoration.

Sarcelle signifie terminé, ambre signifie en cours, et les cartes de parcours portent cette lecture de la page d’accueil jusqu’à l’index des cours. Le visiteur apprend la correspondance une fois puis lit chaque carte sans légende, ce qui fait la différence entre un système de couleurs et une palette.

03

Quarante routes sans rien derrière.

Douze parcours de cours, six articles, six catégories et quatre formateurs sont tous du Markdown validé à la compilation. Un site de plateforme atteint normalement cette taille en ajoutant un CMS ; celui-ci l’atteint en ajoutant des fichiers, et il se déploie toujours en HTML statique chez n’importe quel hébergeur.

04

Les promesses sont structurées en pages.

La certification publie la grille de notation, le délai et le taux d’échec avant que vous ne le demandiez ; les ressources offrent leurs modèles en téléchargement. Ce sont deux pages de contenu ordinaires, et le texte de la démo montre à quoi ressemble une page de cette forme quand elle doit porter un vrai argument.

PALETTE
  • Brume #f9f9ff Fond de page
  • Encre #121c2c Caractères et filets
  • Sarcelle #006a63 Surfaces et actions
  • Ambre #dc9931 Un parcours en cours
  • Corail #fd7958 La marque et ses tuiles
POLICES
Titrage et texte
Plus Jakarta Sans Variable, de 200 à 800
Libellés
Manrope Surtitres, chiffres et interface
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.

EduStream, 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.