Refonte et développement du site TST Terschelling

TST Terschelling Redesign et développement du site

Le client: Transport Service Terschelling
Le type: Redesign complet du site Web et création de CMS personnalisée
Année: 2026

À propos du client

Transport Service Terschelling (TST) est le principal opérateur logistique reliant Terschelling et Vlieland au continent néerlandais. Le TST est un élément essentiel de la vie de l'île pour les résidents et les entreprises sur Terschelling.

Le défi

Le site Web existant avait connu une croissance organique au cours de nombreuses années et ne reflétait plus l'ampleur ou le professionnalisme de l'opération. Les pages étaient visuellement incohérentes, l'offre de services était difficile à naviguer, le design n'avait pas de hiérarchie claire et le site ne donnait plus de sens réel de l'entreprise qui le sous-tend.

Le but était de reconstruire complètement le site: créer une présence Web claire, moderne et crédible qui serve à la fois les clients existants qui savent ce dont ils ont besoin et les nouveaux visiteurs qui découvrent TST pour la première fois.

Conception

La direction visuelle est construite autour des couleurs de la marque TST: un accent turquoise fort associé à un bleu foncé foncé pour les éléments structurels et un blanc clair pour les zones de contenu. Cette palette est appliquée de manière cohérente sur chaque page, créant une cohérence visuelle immédiate sur un large éventail de types de pages.

La typographie utilise Lato pour les titres et Open Sans pour le texte corporel. Les deux polices sont très lisibles à petites tailles, fonctionnent bien sur tous les appareils et donnent au site un ton professionnel qui convient à un opérateur logistique sans se sentir corporatif ou froid.

Chaque type de page a été conçu avec son propre but à l'esprit. Les pages d'information sur les services sont éditoriales en structure: elles introduisent le service, expliquent le processus, renforcent la confiance et conduisent naturellement vers un appel à l'action. Les pages de formulaire sont axées sur les tâches et propres: l'utilisateur sait immédiatement ce qu'il doit remplir et pourquoi. La page d'accueil agit comme une porte d'entrée solide, rendant claire la largeur de l'offre de service en quelques secondes tout en dirigant les différents types de visiteurs vers leur section la plus pertinente.

Une bande de héros cohérente, une zone de contenu bien espacée et un pied de page à terre apparaissent sur chaque page. Cela donne au site une identité cohérente sans que les pages individuelles se sentent identiques. La navigation a été structurée autour de l'intention du visiteur plutôt que de l'organisation interne de l'entreprise, avec des pages de services d'information et des pages de formulaires de transaction séparées en groupes de menus distincts.

Développement

Le site est construit sur un framework MVC PHP léger personnalisé écrit spécifiquement pour ce projet, ciblant l'environnement du serveur PHP. Il n'y a pas de dépendances du framework tiers. Le routeur gère des URL propres, les contrôleurs gèrent la logique de la page et le traitement des formulaires, et les vues sont construites à partir de partiels de mise en page réutilisables combinés avec des modèles de contenu spécifiques à la page.

Tous les formulaires sont soumis via POST avec validation côté serveur et envoient des courriels de confirmation par courrier PHP. Chaque formulaire conserve son ensemble de champs original complet. La complétude du formulaire a été traitée comme une exigence non négociable tout au long du projet, car les flux de travail opérationnels de TST dépendent de la réception de données complètes de chaque soumission.

Les actifs de front-end sont compilés à partir de SCSS et utilisent le JavaScript vanille léger pour le comportement de navigation, les commentaires des formulaires et les détails de l'interface. Le site ne nécessite aucun cadre JavaScript. Font Awesome fournit des icônes et Google Fonts sert les polices. Le site complet est réactif, avec des grilles de bureau qui s'effondrent nettement à des mises en page mobiles à colonne unique et la navigation réduit à un menu hamburger convivial.

Un CMS personnalisé permet au personnel de TST de gérer le contenu opérationnel dans cinq domaines sans avoir besoin de connaissances techniques: les envois, le calendrier de collecte des déchets, les informations sur l'adresse et l'itinéraire, les conditions générales et le contenu général du site.

Pages livrées

Informations sur le service: Page d'accueil, expédition de colis pour les particuliers, expédition de colis pour les entreprises, bagages de vacances, déménagement et relocalisation, dépôt de déchets au TST, déchets d'affaires, collecte de route, calendrier des déchets, autorisation TST, stockage, TST, adresse et itinéraire, termes et conditions.

Formulaires de demande: Envoyer un colis, une demande de prix pour les envois, une demande de bagages de vacances, une demande de déménagement, une demande d'enregistrement de la collecte de l'itinéraire, un conteneur de déchets de construction, un conteneur de déchets d'entreprises, une collecte d'huile de cuisine, une collecte de déchets de cuisine, une signature de l'autorisation TST, un formulaire de contact.

Résultat

Le site reconstruit présente TST comme un opérateur logistique crédible et bien organisé. L'offre de services est claire dès la première visite. Le chemin de la découverte à la demande de soumission est court et logique. La qualité visuelle est une étape importante par rapport au site précédent et est compétitive avec les opérateurs logistiques desservant des marchés régionaux comparables. Le système peut être entretenu par une petite équipe sans expertise technique et construit pour durer sur des fondations stables et légères.