Volver al portfolio
La portada de kirtsos.gr: el logotipo rojo BK, un menú con Home, About, Services, Gallery y Contact y el selector EL | EN, sobre una foto de un receptor GPS en un jalón con trípode junto a una furgoneta azul con la puerta lateral abierta y aparatos de topografía dentro, en un prado donde pasta ganado oscuro al pie de las montañas; encima, el titular «Surveying Engineer T.E.», una frase sobre 15 años de experiencia en Rodopoli (Serres) y Nea Moudania (Calcídica), un botón Services con contorno y un botón Contact rojo, y debajo una franja de cifras: 15+ años de experiencia, 2 oficinas, 3+ prefecturas atendidas.
Abrir kirtsos.gr en una pestaña nueva

kirtsos.gr — Ingeniero Topógrafo

Resumen

Diseñamos y desarrollamos kirtsos.gr, un sitio web profesional bilingüe (griego/inglés) para Kirtsos Vasileios, un ingeniero topógrafo con más de 15 años de experiencia que opera desde dos oficinas en Rodopoli, Serres y Nea Moudania, Calcídica. El sitio de 8 páginas presenta 9 servicios especializados — desde diagramas topográficos y presentaciones catastrales hasta licencias de instalaciones ganaderas e informes de protección contra incendios. Construido con HTML5, CSS3 y JavaScript puro sin dependencias de bases de datos ni frameworks — todo el contenido bilingüe se gestiona mediante archivos de traducción JSON. Las funcionalidades incluyen integración de Google Maps condicionada al consentimiento, una galería de fotos filtrable con lightbox, un formulario de contacto protegido con CSRF y PHPMailer, datos estructurados para dos ubicaciones comerciales y conformidad total con WCAG 2.2 AA con puntuación de accesibilidad 100/100 en Lighthouse.

Retos

Presentar una firma técnica de topografía con 9 servicios especializados y dos sedes como una marca accesible y profesional, al tiempo que se admite contenido bilingüe completo sin base de datos ni dependencias.

Soluciones

Se utilizó i18n del lado del cliente basada en JSON para contenido bilingüe con persistencia de idioma en localStorage, Google Maps condicionado al consentimiento para el cumplimiento del RGPD, datos estructurados con dos direcciones de oficina, CSS crítico incrustado para el rendimiento y una arquitectura sin dependencias que alcanza puntuaciones de 100/100 en Lighthouse en todas las categorías.

Galería

  • La portada de kirtsos.gr: el logotipo rojo BK, un menú con Home, About, Services, Gallery y Contact y el selector EL | EN, sobre una foto de un receptor GPS en un jalón con trípode junto a una furgoneta azul con la puerta lateral abierta y aparatos de topografía dentro, en un prado donde pasta ganado oscuro al pie de las montañas; encima, el titular «Surveying Engineer T.E.», una frase sobre 15 años de experiencia en Rodopoli (Serres) y Nea Moudania (Calcídica), un botón Services con contorno y un botón Contact rojo, y debajo una franja de cifras: 15+ años de experiencia, 2 oficinas, 3+ prefecturas atendidas.

    Inicio — Quince años, dos oficinas y el equipo, en un solo encuadre

  • La portada en una tableta: el logotipo, el menú completo y el selector EL | EN en una sola línea, sobre la misma foto del prado con la furgoneta cortada en el borde derecho, el titular «Surveying Engineer T.E.», la introducción, los botones Services y Contact y, abajo, la franja de cifras.

    Cabecera en tableta — Todo el menú y el selector de idioma caben aún en una línea

  • La portada en un móvil: el logotipo y un botón de menú; después el titular «Surveying Engineer T.E.» en dos líneas, la introducción y los botones Services y Contact apilados delante de la furgoneta azul, con ganado al fondo y las tres cifras en fila en la parte inferior.

    Portada en el móvil — Servicios y Contacto apilados, lo bastante grandes para el pulgar