Aperçu en direct
Page d’accueil d’Atwork : une page blanc cassé portant le titre Find work that moves you en gros caractères noirs au-dessus d’une barre de recherche arrondie, à côté d’une illustration 3D de quatre personnes qui flottent en travaillant sur des formes jaune, lilas et menthe
10 / THÈME ASTRO

Atwork

Pour un site qui affiche le salaire.

  • Site d’emploi
  • Recrutement
  • Place de marché

La dixième version Quaeris Design. Un site d’emploi portant neuf offres avec leur salaire et leurs données structurées, une page pour les employeurs, trois formules et un journal avec auteurs et catégories — trente-cinq routes, et toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
1.7 KB
JavaScript
35
Routes indexables
0
Feuilles de style bloquantes
3
Familles de polices
WebP
Images
Astro 7.3
Construit avec

Chaque chiffre provient de astro-design-atwork.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 sites d’emploi qui misent sur la confiance plutôt que sur le volume. Un titrage noir d’encre sur un fond blanc cassé, des formes pastel employées comme une ponctuation, et la barre de recherche placée dans l’en-tête plutôt qu’en dessous. La décision de fond est une règle plutôt qu’un style : une offre sans fourchette de salaire ne compile pas, si bien que la promesse imprimée sur la page d’accueil est tenue par le modèle de contenu.

  • Sites d’emploi spécialisés ou régionaux
  • Cabinets de recrutement qui publient leurs propres offres
  • Entreprises dont la page carrières compte plus d’une poignée de postes
  • Quiconque préfère afficher un salaire plutôt que le mot « attractif »
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
  • Offres
  • Fonctionnalités
  • Tarifs
  • Employeurs
  • Inscription
  • Ressources
  • Journal
  • Recherche
  • À propos
  • Contact
  • Mentions légales
  • Plan du site

Collections

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

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 salaire est un champ obligatoire.

La collection des offres refuse une annonce sans minimum ni maximum, si bien qu’une fourchette manquante fait échouer la compilation au lieu de publier une offre qui la cache. La promesse de la page d’accueil est garantie par le modèle de contenu plutôt que par la discipline éditoriale, et c’est la seule version qui tienne jusqu’à la centième annonce.

02

Chaque offre est une entrée Google Jobs.

Chaque page d’offre émet des données structurées JobPosting à partir du même front matter qui l’affiche : la fourchette de salaire et sa période, le type de contrat, l’indication de télétravail et une date de clôture fixée par défaut à soixante jours après la publication. Rien n’est saisi deux fois, donc la page et ce que lit un moteur de recherche ne peuvent pas diverger.

03

Quatre fichiers pour le faire vôtre.

Le nom, le domaine, l’adresse e-mail et la ville tiennent dans un seul fichier de configuration et atteignent l’en-tête, le pied de page, le sitemap, le manifeste et chaque bloc de données structurées. Trois autres choisissent le prestataire du formulaire de contact, l’outil d’audience et la newsletter. Un prestataire choisi sans sa clé se rabat sur mailto avec un avertissement à la compilation, plutôt que de livrer un formulaire qui échoue, et le bandeau de consentement n’apparaît que pour un outil qui dépose des cookies.

04

Les pastels comme ponctuation.

Le noir sur blanc cassé porte chaque page. Les pastels apparaissent dans les formes derrière l’illustration et en une teinte par entreprise sur les offres, jamais en couleur de texte, ce qui empêche une palette douce de rendre ludique un produit sérieux.

PALETTE
  • Blanc cassé #fbf9f8 Fond de page
  • Encre #111111 Titrage et boutons principaux
  • Beurre #fef08a Forme pastel et surlignage
  • Lilas #e9d5ff Forme pastel et teinte d’entreprise
  • Menthe #bbf7d0 Forme pastel et teinte d’entreprise
  • Signal #10b981 Le point vivant des postes ouverts
POLICES
Titrage
Plus Jakarta Sans Graisses 700 et 800, approche serrée
Texte
Hanken Grotesk Graisses 400, 500 et 700
Utilitaire
Space Grotesk Graisse 500, 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.

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