Zurück zum Portfolio
Die Startseite von kirtsos.gr: das rote BK-Logo, ein Menü mit Home, About, Services, Gallery und Contact und der Umschalter EL | EN, darunter ein Foto eines GPS-Empfängers auf einem Vermessungsstab mit Stativ neben einem blauen Transporter, dessen offene Seitentür Vermessungsinstrumente zeigt, auf einer Wiese, auf der vor Bergen dunkle Rinder grasen; darauf die Überschrift „Surveying Engineer T.E.“, eine Zeile über 15 Jahre Erfahrung in Rodopoli (Serres) und Nea Moudania (Chalkidiki), ein umrandeter Button Services und ein roter Button Contact, unten eine Leiste mit Kennzahlen: 15+ Jahre Erfahrung, 2 Büros, 3+ betreute Präfekturen.
kirtsos.gr in neuem Tab öffnen

kirtsos.gr — Vermessungsingenieur

Überblick

Wir haben kirtsos.gr entworfen und entwickelt — eine zweisprachige (Griechisch/Englisch) professionelle Website für Kirtsos Vasileios, einen Vermessungsingenieur mit über 15 Jahren Erfahrung und zwei Büros in Rodopoli (Serres) und Nea Moudania (Chalkidiki). Die 8-seitige Website präsentiert 9 spezialisierte Dienstleistungen — von topografischen Diagrammen und Katastereinreichungen bis hin zu Genehmigungen für Viehbetriebe und Brandschutzberichten. Entwickelt mit HTML5, CSS3 und Vanilla JavaScript ohne Datenbank- oder Framework-Abhängigkeiten — alle zweisprachigen Inhalte werden über JSON-Übersetzungsdateien verwaltet. Zu den Features gehören eine einwilligungsgesteuerte Google-Maps-Integration, eine filterbare Fotogalerie mit Lightbox, ein CSRF-geschütztes Kontaktformular mit PHPMailer, strukturierte Daten für zwei Geschäftsstandorte und vollständige WCAG 2.2 AA-Konformität mit 100/100 Lighthouse-Barrierefreiheitsbewertung.

Herausforderungen

Ein technisches Vermessungsbüro mit 9 spezialisierten Dienstleistungen und zwei Standorten als zugängliche, professionelle Marke zu präsentieren und dabei vollständig zweisprachige Inhalte ohne Datenbank oder Abhängigkeiten zu unterstützen.

Lösungen

Einsatz von JSON-basiertem clientseitigem i18n für zweisprachige Inhalte mit localStorage-Sprachpersistenz, einwilligungsgesteuerte Google Maps für DSGVO-Konformität, strukturierte Daten mit zwei Büroadressen, Critical CSS Inlining für Performance und eine abhängigkeitsfreie Architektur mit 100/100 Lighthouse-Bewertungen in allen Kategorien.

Galerie

  • Die Startseite von kirtsos.gr: das rote BK-Logo, ein Menü mit Home, About, Services, Gallery und Contact und der Umschalter EL | EN, darunter ein Foto eines GPS-Empfängers auf einem Vermessungsstab mit Stativ neben einem blauen Transporter, dessen offene Seitentür Vermessungsinstrumente zeigt, auf einer Wiese, auf der vor Bergen dunkle Rinder grasen; darauf die Überschrift „Surveying Engineer T.E.“, eine Zeile über 15 Jahre Erfahrung in Rodopoli (Serres) und Nea Moudania (Chalkidiki), ein umrandeter Button Services und ein roter Button Contact, unten eine Leiste mit Kennzahlen: 15+ Jahre Erfahrung, 2 Büros, 3+ betreute Präfekturen.

    Startseite — Fünfzehn Jahre, zwei Büros und die Ausrüstung in einem Bild

  • Die Startseite auf einem Tablet: Logo, vollständiges Menü und EL | EN-Umschalter in einer Zeile, darunter dasselbe Wiesenfoto mit dem Transporter, angeschnitten am rechten Rand, die Überschrift „Surveying Engineer T.E.“, die Einleitung, die Buttons Services und Contact und unten die Leiste mit den Kennzahlen.

    Header auf dem Tablet — Das ganze Menü und die Sprachwahl passen noch in eine Zeile

  • Die Startseite auf einem Smartphone: Logo und Menü-Button, dann die Überschrift „Surveying Engineer T.E.“ auf zwei Zeilen, die Einleitung und die Buttons Services und Contact untereinander vor dem blauen Transporter, in der Ferne grasende Rinder und unten die drei Kennzahlen nebeneinander.

    Hero auf dem Smartphone — Leistungen und Kontakt untereinander, groß genug für den Daumen