loqaal.eu

loqaal.eu

Année
2026
Rôle
Designer, Développeur
Contributions
Identité de marque, Design visuel, Développement front-end, Développement back-end, Modules Craft sur mesure

Aperçu

loqaal est une société de placement pour le secteur logistique néerlandais. Elle met en relation transitaires, planificateurs, spécialistes des douanes, commerciaux et personnel d'entrepôt avec les entreprises qui les cherchent. Le principe est à petite échelle et personnel : de vraies conversations avec les candidats et les employeurs, dans un secteur qui traite habituellement les uns et les autres comme du flux.

J'ai pris en charge l'ensemble, de la marque et du design visuel jusqu'au front-end et au développement Craft CMS.

La marque

L'identité repose sur un logotype jaune sur noir, souligné d'un trait doré qui devient un motif structurel récurrent sur tout le site. La photographie est documentaire : de vrais entrepôts, de vraies grues, de vrais chariots élévateurs, posés sur un fond rouille chaud qui ancre les moments éditoriaux, comme les témoignages. La typographie est généreuse, les titres sont assurés, et l'unique fioriture est un mot mis en valeur en doré au sein de chaque titre de section.

Recherche par proximité

Le travail logistique est géographique. La première question de presque tout candidat est la distance entre le poste et son domicile. La page des offres ouvre sur cette question : un champ code postal, un sélecteur de rayon de 5 à 100 km, et des filtres par spécialité et type de contrat. Les codes postaux sont géocodés et mis en cache côté serveur ; changer le rayon refiltre la liste immédiatement.

Le même mécanisme alimente les pages d'atterrissage régionales, /jobs-in-rotterdam, /regio-amsterdam, /regio-brabant. Chacune est une simple entrée Craft avec un code postal, un rayon, une image principale et un peu de texte d'introduction. Les nouvelles régions partent en ligne sans redéploiement.

Pages d'offres

Chaque offre est une entrée Craft avec des champs structurés pour le lieu, le type de contrat, la spécialité, la fourchette de salaire et les heures hebdomadaires. Ces champs deviennent la rangée de pastilles en haut de la page. Le corps de la page utilise le champ Matrix de Craft : la rédaction compose de longues descriptions, des listes de tâches, d'exigences et d'avantages sans toucher au template.

Carrousel LinkedIn en un clic

L'équipe loqaal publie en permanence sur LinkedIn. Le format le plus performant sur la plateforme est le carrousel PDF : plusieurs pages au format portrait, une idée par page, qui se feuillettent dans le fil. En construire un à la main dans Figma ou Canva pour chaque nouvelle offre prenait une heure par publication.

Le panneau de contrôle Craft propose donc un bouton sur chaque entrée d'offre, « Genereer LinkedIn carousel ». Un clic compose côté serveur un PDF multi-pages, calibré pour le format portrait du carrousel LinkedIn, en reprenant le titre du poste, le lieu, la fourchette de salaire, les responsabilités clés et la marque loqaal dans une mise en page templatée. La rédaction obtient un téléchargement en quelques secondes, prêt à être déposé dans une publication LinkedIn.

Le template lui-même est une entrée Craft : sa mise en page se règle sans redéploiement.

Le mobile par défaut

La plupart des candidats ouvrent le site sur un téléphone, souvent entre deux services. Les listes d'offres se replient sur une seule colonne avec un unique bouton Filters qui déploie le code postal, le rayon, la spécialité et le type de contrat. Les cartes d'offre restent tappables, les fourchettes de salaire restent lisibles, et le bouton de candidature reste à portée.

Vue mobile de la page des offres loqaal avec un seul bouton Filters au-dessus d'une liste empilée de cartes d'offre

Stack

Craft CMS au back-end, templates Twig, Tailwind CSS, et quelques petits modules PHP pour le générateur de carrousel et le géocodeur de codes postaux. Le site est rapide, l'expérience d'édition reste proche de Craft tel quel, et une rédactrice peut publier une nouvelle offre et envoyer le carrousel LinkedIn correspondant dans les mêmes cinq minutes.

Visit live site