Retour au portfolio
La page d'accueil de kirtsos.gr : le logo BK rouge, un menu Home, About, Services, Gallery et Contact et le sélecteur EL | EN, au-dessus d'une photo montrant un récepteur GPS sur une canne avec trépied à côté d'une camionnette bleue dont la porte latérale ouverte laisse voir des instruments de topographie, dans une prairie où paît du bétail sombre au pied des montagnes ; par-dessus, le titre « Surveying Engineer T.E. », une phrase sur 15 ans d'expérience à Rodopoli (Serres) et Nea Moudania (Chalcidique), un bouton Services détouré et un bouton Contact rouge, puis un bandeau de chiffres : 15+ ans d'expérience, 2 bureaux, 3+ préfectures desservies.
Ouvrir kirtsos.gr dans un nouvel onglet

kirtsos.gr — Ingénieur Géomètre

Aperçu

Nous avons conçu et développé kirtsos.gr, un site professionnel bilingue (grec/anglais) pour Kirtsos Vasileios, ingénieur géomètre avec plus de 15 ans d'expérience, disposant de deux bureaux à Rodopoli (Serrès) et Nea Moudania (Chalcidique). Le site de 8 pages présente 9 services spécialisés — des levés topographiques et dépôts au cadastre jusqu'aux autorisations d'installations d'élevage et rapports de protection incendie. Construit avec HTML5, CSS3 et JavaScript vanilla sans base de données ni dépendances de framework — tout le contenu bilingue est géré via des fichiers de traduction JSON. Les fonctionnalités incluent une intégration Google Maps conditionnée au consentement, une galerie photo filtrable avec lightbox, un formulaire de contact protégé par CSRF avec PHPMailer, des données structurées pour deux emplacements, et une conformité totale WCAG 2.2 AA avec un score Lighthouse d'accessibilité de 100/100.

Défis

Présenter un cabinet technique de géomètre avec 9 services spécialisés et deux emplacements comme une marque accessible et professionnelle, tout en gérant un contenu entièrement bilingue sans base de données ni dépendances.

Solutions

Utilisation d'un système i18n côté client basé sur JSON pour le contenu bilingue avec persistance de la langue via localStorage, intégration Google Maps conditionnée au consentement pour la conformité RGPD, données structurées avec deux adresses de bureau, inlining CSS critique pour la performance, et une architecture zéro dépendance atteignant 100/100 au score Lighthouse dans toutes les catégories.

Galerie

  • La page d'accueil de kirtsos.gr : le logo BK rouge, un menu Home, About, Services, Gallery et Contact et le sélecteur EL | EN, au-dessus d'une photo montrant un récepteur GPS sur une canne avec trépied à côté d'une camionnette bleue dont la porte latérale ouverte laisse voir des instruments de topographie, dans une prairie où paît du bétail sombre au pied des montagnes ; par-dessus, le titre « Surveying Engineer T.E. », une phrase sur 15 ans d'expérience à Rodopoli (Serres) et Nea Moudania (Chalcidique), un bouton Services détouré et un bouton Contact rouge, puis un bandeau de chiffres : 15+ ans d'expérience, 2 bureaux, 3+ préfectures desservies.

    Accueil — Quinze ans, deux bureaux et l'équipement, dans un seul cadre

  • La page d'accueil sur tablette : le logo, le menu complet et le sélecteur EL | EN sur une seule ligne, au-dessus de la même photo de prairie avec la camionnette coupée au bord droit, du titre « Surveying Engineer T.E. », de l'introduction, des boutons Services et Contact et, en bas, du bandeau de chiffres.

    En-tête sur tablette — Tout le menu et le choix de langue tiennent encore sur une ligne

  • La page d'accueil sur téléphone : le logo et un bouton de menu, puis le titre « Surveying Engineer T.E. » sur deux lignes, l'introduction et les boutons Services et Contact empilés devant la camionnette bleue, avec du bétail au loin et les trois chiffres alignés en bas.

    Bannière sur mobile — Services et Contact empilés, assez grands pour le pouce